Latest Contributions by KafilBaig

‎09-23-2019

Sorry to make u confuse . now am showing all the points on the map as per my query . Am showing here is the calls data . Now am showing all calls incoming and outgoing for one person . Now requirement is if user clicks on one of the point (that is caller) then need to show the other point to whom he has called and show a relationship in between this 2 calls . Sent from my iPhone

‎09-23-2019

Hi Robert, Thanks for making the esearch widget . Its a very useful widget. Appreciate your work. I have few questions i want to enhance the esearch widget for our requirment. I have points drawing on the map with esearch widget query. Now i want to do something like for example Slno Name Number Direction Lat Long 1 John 12345 Incoming 51.45 25.88 1 Ahmed 78945 Outgoing 51.88 25.44 2 Bob 45678 Outgoing 51.88 25.77 3 Ahmed 78945 Incoming 51.61 25.74 4 Rich 74185 Outgoing 51.65 25.55 I want to show on map like below. John <-------------------------------------------------------------------------- Ahmed Can we achieve like the above. Or in the popup if we click on John it show the location of Ahmed Please let me know if this can be achieved and where i need to do changes. Thanks in Advance

‎09-23-2019

Hi Robert, Thanks for making the esearch widget . Its a very useful widget. Appreciate your work. I have few questions i want to enhance the esearch widget for our requirment. I have points drawing on the map with esearch widget query. Now i want to do something like for example Slno Name Number Direction Lat Long 1 John 12345 Incoming 51.45 25.88 1 Ahmed 78945 Outgoing 51.88 25.44 2 Bob 45678 Outgoing 51.88 25.77 3 Ahmed 78945 Incoming 51.61 25.74 4 Rich 74185 Outgoing 51.65 25.55 I want to show on map like below. John <-------------------------------------------------------------------------- Ahmed Can we achieve like the above. Or in the popup if we click on John it show the location of Ahmed Please let me know if this can be achieved and where i need to do changes. Thanks in Advance

‎09-17-2019

Thanks Robert , All basemaps are in same spatial reference 2932. Again I tried to referesh 3-4 times and it worked . Sent from my iPhone

‎09-17-2019

I have added basemaptoggle in to my page it works fine for one map and other map doesn't come up when we try to toggle. Please let me know if am missing anything here . please find my code below. <!DOCTYPE html> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no" /> <title>Heat Map</title> <link rel="stylesheet" href="http://myserver.local/arcgis_js_api/library/4.12/esri/themes/dark-green/main.css" /> <style> html, body, #viewDiv { margin: 0; padding: 0; width: 100%; height: 100%; } </style> <script src="http://myserver.local/arcgis_js_api/library/4.12/dojo/dojo.js"></script> <script> var myMap, view; require([ "esri/Basemap", "esri/layers/TileLayer", //"esri/layers/CSVLayer", "esri/layers/FeatureLayer", "esri/layers/GraphicsLayer", "esri/Map", "esri/views/MapView", "esri/widgets/BasemapToggle" ], function (Basemap, TileLayer, FeatureLayer, GraphicsLayer, Map, MapView, BasemapToggle) { // -------------------------------------------------------------------- // If you do not have public Internet access then use the Basemap class // and point this URL to your own locally accessible cached service. // // Otherwise you can just use one of the named hosted ArcGIS services. // https://services.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer // -------------------------------------------------------------------- //var url = // "http://myserver.local/earthquakes/2.5_week.csv"; var featureurl = "http://myserver.local:6080/arcgis/rest/services/QARS1/MapServer"; var LandmarkUrl = "http://myserver.local:6080/arcgis/rest/services/Landmarks/MapServer"; var PhoneLogUrl = "http://myserver.local:6080/arcgis/rest/services/Cell/MapServer/0"; var layer = new TileLayer({ url: "http://myserver.local:6080/arcgis/rest/services/QatarVectorMap2019/MapServer" }); var customBasemap = new Basemap({ baseLayers: [layer], title: "Vector", id: "myBasemap" }); var satlayer = new TileLayer({ url: "http://myserver.local:6080/arcgis/rest/services/Satellite2018/MapServer" }); var SatelliteBasemap = new Basemap({ baseLayers: [satlayer], title: "Satellite", id: "SatBasemap", thumbnailUrl: "http://myserver.local/HeatMap_JS/Images/s.png" }); // Paste the url into a browser's address bar to download and view the attributes // in the CSV file. These attributes include: // * mag - magnitude // * type - earthquake or other event such as nuclear test // * place - location of the event // * time - the time of the event //var template = { // title: "{place}", // content: "<table border='1' width='430'><tr><td width='150' style='font-weight:bold; font-size:14px;'>Magnitude</td><td width='80'>Type</td><td width='80'>Place</td><td width='90'>Time</td></tr><tr><td width='150'>{mag}</td><td width='80'>{type}</td><td width='80'>{place}</td><td width='90'>{time}</td></tr></table>" //}; var feattemplate = { title: "{ELECTRICITY_NO}", content: "<table border='1' width='430'><tr><td width='150' style='font-weight:bold; font-size:14px;'>ELECTRICITY_NO</td><td width='80'>ZONE_NO</td><td width='80'>STREET_NO</td><td width='90'>BUILDING_NO</td></tr><tr><td width='150'>{ELECTRICITY_NO}</td><td width='80'>{ZONE_NO}</td><td width='80'>{STREET_NO}</td><td width='90'>{BUILDING_NO}</td></tr></table>" }; var Landmarktemplate = { title: "Landmark : {ANAME}", content: "{ANAME}<BR>{ENAME}<BR>{ZONE_NO}<BR>{STREET_NO}" }; var currentClosureTemplate = { title: "CellID : {CELLID}", content: formatContent, outFields: ["*"] }; function formatContent(attractions) { var cell_id = attractions.GraphicsLayer.attributes.CELLID; var date_to = new Date(attractions.GraphicsLayer.attributes.starttime); return cell_id + "<br> calls recieved at" + date_to.toLocaleString(); } var Celltemplate = { title: "CellID : {CELLID}", content: "<b>Cell ID : {CELLID}<BR>OtherParty Number : {OTHER_PARTY}<BR>OtherParty Name : {PER_NAME}<BR>Operator : {OPERATOR_ID}<BR>Start DateTime : {STARTTIME}", fieldInfos: [{ fieldName: "starttime", format: { dateFormat: "short-date-long-time-24" } } ] }; // The heatmap renderer assigns each pixel in the view with // an intensity value. The ratio of that intensity value // to the maxPixel intensity is used to assign a color // from the continuous color ramp in the colorStops property var renderer = { type: "heatmap", colorStops: [ { color: "rgba(63, 40, 102, 0)", ratio: 0 }, { color: "#472b77", ratio: 0.083 }, { color: "#4e2d87", ratio: 0.166 }, { color: "#563098", ratio: 0.249 }, { color: "#5d32a8", ratio: 0.332 }, { color: "#6735be", ratio: 0.415 }, { color: "#7139d4", ratio: 0.498 }, { color: "#7b3ce9", ratio: 0.581 }, { color: "#853fff", ratio: 0.664 }, { color: "#a46fbf", ratio: 0.747 }, { color: "#c29f80", ratio: 0.83 }, { color: "#e0cf40", ratio: 0.913 }, { color: "#ffff00", ratio: 1 } ], maxPixelIntensity: 25, minPixelIntensity: 0 }; //var csvlayer = new CSVLayer({ // url: url, // title: "Magnitude 2.5+ earthquakes from the last week", // copyright: "USGS Earthquakes", // popupTemplate: template, // renderer: renderer //}); var QARSlayer = new FeatureLayer({ url: featureurl, popupTemplate: feattemplate }); var Landmarklayer = new FeatureLayer({ url: LandmarkUrl, popupTemplate: Landmarktemplate }); var attractions = new FeatureLayer({ url: PhoneLogUrl, outFields: ["*"], visible: false, popupTemplate: Celltemplate, renderer: renderer }); //GraphicsLayer for desplaying results var resultsLayer = new GraphicsLayer(); myMap = new Map({ basemap: customBasemap, layers: [QARSlayer, Landmarklayer, attractions] }); view = new MapView({ center: [224211.167, 394822.380], // long, lat container: "viewDiv", map: myMap, zoom: 1, minzoom: 0, maxzoom: 9 }); //query all features from the attractions layer view.when(function () { return attractions.when(function () { var query = attractions.createQuery(); return attractions.queryFeatures(query); }); }) .then(addToSelect); // Add the unique values to the attractions type // select element. This will allow the user // to filter attractions by type. function addToSelect(values) { return setattractionsDefinitionExpression(25); } // set the definition expression on the attractions // layer to reflect the selection of the user function setattractionsDefinitionExpression(newValue) { //You messed up the SQL syntax for the defenition query attractions.definitionExpression = "SQ = '" + newValue + "'"; if (!attractions.visible) { attractions.visible = true; } //You misspelled the function name here return queryForAttractionGeometries(); } // Get all the geometries of the attractions layer // the createQuery() method creates a query // object that respects the definitionExpression // of the layer function queryForAttractionGeometries() { var attractionsQuery = attractions.createQuery(); return attractions.queryFeatures(attractionsQuery) .then(function (response) { attractionsGeometries = response.features.map(function (feature) { return feature.geometry; }); return attractionsGeometries; }); } //***Add div element to show coordinates ***// var coordsWidget = document.createElement("div"); coordsWidget.id = "coordsWidget"; coordsWidget.className = "esri-widget esri-component"; coordsWidget.style.padding = "7px 15px 5px"; view.ui.add(coordsWidget, "bottom-right"); //** Update Lat,Lon,Zomm and scale **// function showCoordinates(pt) { var coords = "X/Y : " + pt.x.toFixed(3) + " " + pt.y.toFixed(3) + "| Scale 1 :" + Math.round(view.scale * 1) / 1 + "| Zoom" + view.zoom; coordsWidget.innerHTML = coords; } //*** Add event and show center coordinates after the view is finished moving eg : zoom,pan ***// view.watch(["stationary"], function () { showCoordinates(view.center); }); //*** Add event to show mouse coordinates on click and move ***// view.on(["pointer-down", "pointer-move"], function (evt) { showCoordinates(view.toMap({x: evt.x, y: evt.y})); }); var toggle = new BasemapToggle({ view: view, nextBasemap: SatelliteBasemap, titleVisible: true }); view.ui.add(toggle, { position: "top-right" }); }); </script> </head> <body> <div id="viewDiv"></div> </body> </html>

‎09-11-2019

I want to add a point with marker on map and get coordinates . How can I achieve this on JavaScript api 4.12 . Please suggest if any example

‎08-30-2019

Thanks for the reply . I will look into this example. I added your widget to my webappbuilder but the layer dropdown is empty . In my webmap I have a point layer but still it doesn’t show up in selection list . When I see the console I found that it is not able to find the url . Is there a file where I need to mention the service url . Sent from my iPhone

‎08-23-2019

Hi Adri, wonderful job on creating heap map widget. It’s very useful . I have a quick question I have a layer which has data like pid value -123 which has same coordinate but the car no is different like -123,456. I want to show this on map as heat map without using ur widget . The value willbe passed from different application n the map opens and need to show heat map . Is it possible? Appreciate your help

‎08-21-2019

Thanks for your response. I already have active scripting enabled in my Internet Explorer browser version 11.1884.14393.0 Updated Versions: 11.0.48(KB4047206) When i try to add satellite basemap in portal it gives an error as . "The layer, Satellite is not available and cannot be added to the map. Whereas same error i am getting in Chrome,Firefox browsers. But when i add satellite in basemap widget it works fine in Chrome and Firefox browse.

‎08-20-2019

Hi Robert, As per my requirement the data looks like this ObjectId SQ PID Name PhoneNo 1 1 123 John 123456 2 1 123 Royce 456789 3 1 789 Alex 789456 4 1 125 Goel 963852 5 1 789 Paul 852852 Where the coordinates of Pid -123 and 789 is same so on the map the points would be overlapping on each other . Is there that we can do something when user hovers on the point we show 2 points exploded like in google maps.

‎08-20-2019

When we open the Portal for Arcgis in Internet Explorer the Satellite Basemap is not rendering. We tried to open portal in other browsers like Chrome,Safari,Firefox and Microsoft Edge. Here it works fine and satellite Basemap rendered properly. When we create a application using Web AppBuilder and Add Basemap Widget and add StreetMap and Satellite then streetmap works fine but satellite basemap doesn't render. We are using WKID - 2932 and the satellite cache images are in JPG format. Whereas for StreetMap the cache is in PNG32 format and WKID - 2932. Is anyone having the same issue in Internet Explorer 11 version.

‎08-06-2019

In the result panel can we append 2 values for example Now only the title selected value is displayed but i would need like given below John - 123456 In your widget link the result is displayed all fields https://gis.calhouncounty.org/WAB/V2.11/widgets/eSearch/index.html?esearch=I-71&slayer=1&exprnum=0 How can i achieve similar like your result.

‎08-05-2019

Thanks for the Enhanced Search Widget Version 2.11. It is very useful . We are using this widget in our application and it works fine. Just wanted to check this is possible. We have a layer in which data is of Point features. ObjectId SQ PID Name PhoneNo 1 1 123 John 123456 2 1 123 Royce 456789 3 1 789 Alex 789456 4 1 125 Goel 963852 5 1 789 Paul 852852 When we search with field SQ = 1 it returns all fields whereas we need to group the result based on PID as given below. It should show only 3 points on the map and in result. In Popup it should group data by PID. Is it possible in this widget.

‎08-03-2019

I am using Query URL Parameters Web Appbuilder to show features on the map. I have a feature class table where the values are shown below. Object Id PersonalID SeqID Shape 1 123456 1 Point 2 456789 1 Point 3 987456 1 Point 4 365478 2 Point 5 753753 2 Point 6 778899 3 Point 7 996655 4 Point I have the query url parameter as http://xyz.abc.local/Geolocation/Index.html?query=personaldata;SeqID=1 On execute of the above query on map it shows a highlight of starting point and popup and corresponding points when we navigate. I would need to add a markers for all these 3 points of the SeqID = 1 Is it possible to do this or anyone have tried doing this and achieved please help. Thanks

‎05-20-2019

In Portal for Arcgis 10.6.1 we have added few polygon feature layers to the map. When we enable popup and try to identify the polygon is not selected correctly. We are using SRID : 2932 I tried to convert my feature layers to WGS1984 that is SRID : 3857. But still there is issue. Please help us how to resolve this issue.

Online Status	Offline
Date Last Visited	‎09-15-2025 03:12 AM

My Ideas

Latest Contributions by KafilBaig

Re: Enhanced search - enhancement

Enhanced search - enhancement

Re: Enhanced Search Widget Version 2.13 - 09/25/19

Re: Issue with BasemapToggle

Issue with BasemapToggle

How to add point on a map with marker and get coordinates

Re: Heat Map Widget 1.3 05/10/2018

Re: Heat Map Widget 1.3 05/10/2018

Re: Satellite Basemap not rendering in IE Browser

Re: Enhanced Search Widget Version 2.11 Group By

Satellite Basemap not rendering in IE Browser

Re: Enhanced Search Widget Version 2.11 Group By

Enhanced Search Widget Version 2.11 Group By

Query URL Parameters Web Appbuilder

Polygon Layer select issue

Re: Calling external API from custom widget

Re: eSearch Widget (OpenAtStart)- Help

Re: Arcgis fonts issue

Re: Heat Map Widget 1.3 05/10/2018

Print widget not printing basemaps

Web AppBuilder Custom Widgets