Latest Contributions by AnudeepGorantla

Is there a way we can do dynamic labeling. For example I draw a buffer and there are 10 parcels inside the buffer so can I label them as from 1 - 10.  ... View more

Is it possible to show  multiple features data in a single pop-up? For example I have 3 layers on click shows 3 pop-ups instead of that I need a single pop up with 3 layers data?   ... View more

I used esri loader to load the map and after that i query a rest service and trying to add them to the map but the point are not displaying. but my map is zooming on to correct location. can anyone provide me the example . I have gone through github but most of them are using WEMap ID and adding directly .  import React, { Component } from 'react'; import {loadModules} from 'esri-loader' const styles = { container: { height: '92.3vh', }, mapDiv: { height: '100%', }, } class Map extends Component { state ={ coordinates: [] } componentDidMount() { loadModules(["esri/Map", "esri/views/MapView", "esri/tasks/support/Query", "esri/tasks/QueryTask", "esri/Graphic","esri/layers/GraphicsLayer","esri/symbols/SimpleMarkerSymbol","esri/layers/FeatureLayer","esri/geometry/Point" ,"esri/PopupTemplate","dojo/domReady!"]) .then(([Map, MapView, Query, QueryTask, Graphic,GraphicsLayer,SimpleMarkerSymbol,FeatureLayer,Point , popupTemplate]) => { const map = new Map({ basemap: "streets" }); const view = new MapView({ container: "viewDiv", map: map, zoom: 11, center: [-89.8253, 35.2269] }); const query = new Query(); query.where = 'Permit_No IS NOT NULL'; query.outFields = ['*']; query.returnGeometry = true; // Define the query task const queryTask = new QueryTask({ url: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx' }); queryTask.execute(query) .then(function(result){ result.features.forEach(function(item) { let g = new Graphic({ geometry: { type: 'point', longitude: item.attributes['Longitude'], latitude: item.attributes['Latitude'] }, attributes: item.attributes, symbol: { type: 'simple-marker', color: 'black', width: 10, style: 'short-dot' } }); view.graphics.add(g); }); view.goTo({ target: view.graphics }); }) }) } render() { return ( <div style = { styles.container } > <div id = 'viewDiv'style = { styles.mapDiv } > </div> </div> ); } } export default Map; ... View more