Arcgis map use

Question

Hi everyone,

I am new to arcgis map and  I only know little JavaScript. Could someone please help me with my project?

In my project, I want to 1. show current location (same as the following example)

https://developers.arcgis.com/javascript/jssamples/mobile_geolocaterenderer.html

AND  2. allow people click on map and pop up address and Latitude&Longitude etc.( same as the following example)

https://developers.arcgis.com/javascript/jssamples/locator_reverse.html

I have read though many examples on the Internet BUT I still have no idea what my code should be like to to the above two functions.  I have tried adding some code fragments from example 2 to example 1 but it Does not seems to work.

Please advice.

jskinner · Accepted Answer

Hi Thomas, Below is an example of the two combined samples. I started with the GeoLocate sample, and then just added the reverse geocode functionality along with it's required modules: var locator = new Locator("http://geocode.arcgis.com/arcgis/rest/services/World/GeocodeServer"); var infoTemplate = new InfoTemplate("Location", "Address: ${Address}"); var symbol = new SimpleMarkerSymbol( SimpleMarkerSymbol.STYLE_CIRCLE, 15, new SimpleLineSymbol( SimpleLineSymbol.STYLE_SOLID, new Color([0, 0, 255, 0.5]), 8 ), new Color([0, 0, 255]) ); locator.on("location-to-address-complete", function(evt) { if (evt.address.address) { var address = evt.address.address; var location = webMercatorUtils.geographicToWebMercator(evt.address.location); //this service returns geocoding results in geographic - convert to web mercator to display on map // var location = webMercatorUtils.geographicToWebMercator(evt.location); var graphic = new Graphic(location, symbol, address, infoTemplate); map.graphics.add(graphic); map.infoWindow.setTitle(graphic.getTitle()); map.infoWindow.setContent(graphic.getContent()); //display the info window with the address information var screenPnt = map.toScreen(location); map.infoWindow.resize(200,100); map.infoWindow.show(screenPnt, map.getInfoWindowAnchor(screenPnt)); } }); map.on("click", function(evt) { console.log(evt); map.graphics.clear(); locator.locationToAddress(webMercatorUtils.webMercatorToGeographic(evt.mapPoint), 100); }); Full example: Geolocate