Latest Contributions by StacieT_

‎07-23-2019

Hi Robert Scheitlin, GISP‌, It worked! Thank you so much! 🙂 Regards, Stacie

‎07-23-2019

Hi Robert Scheitlin, GISP‌, Yes. I want exactly like the one that in my code but another new button. As you can see, the one that in my code is actually inside the map. I want another new button outside of the map. Is that possible to do it? Like once I click that new button, it will show my current location on the map. Thanks, Stacie

‎07-22-2019

Hi, Is it possible to make a button to detect the location by clicking on it? I've already have a script with the function but the problem now is adding the function to a button. Is there anyone that can help me with this? Below is the code: <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"> <title>ArcGIS JavaScript Tutorials: click on the map</title> <style> html, body { padding: 0; margin: 0; height: 100%; width: 100%; } #viewDiv { padding: 0; margin: 0; height: 80%; width: 60%; } #instruction { padding: 15px; background: white; color: black; border: 5px solid gold; font-family: sans-serif; font-size: 1.2em; } </style> <link rel="stylesheet" href="https://js.arcgis.com/4.11/esri/css/main.css"> <script src="https://js.arcgis.com/4.11/"></script> <script> require([ "esri/tasks/Locator", "esri/Map", "esri/views/MapView", "esri/Graphic", "esri/widgets/Locate" ], function(Locator, Map, MapView, Graphic, Locate) { var map = new Map({ basemap: "hybrid" }); var view = new MapView({ container: "viewDiv", map: map, center: [110.36402943937549,1.5128959885365645], // longitude, latitude zoom: 18 }); view.ui.add("instruction", "bottom-left"); var point = { type: "point", longitude: 110.36402943937549, latitude: 1.5128959885365645 }; var simpleMarkerSymbol = { type: "simple-marker", color: [226, 119, 40], // orange outline: { color: [255, 255, 255], // white width: 1 } }; var pointGraphic = new Graphic({ geometry: point, symbol: simpleMarkerSymbol }); view.graphics.add(pointGraphic); /******************************************************************* * This click event sets generic content on the popup not tied to * a layer, graphic, or popupTemplate. The location of the point is * used as input to a reverse geocode method and the resulting * address is printed to the popup content. *******************************************************************/ //view.popup.autoOpenEnabled = false; view.on("click", function(event) { // Get the coordinates of the click on the view //view.graphics.clear(); view.graphics.removeAll(); var lat = event.mapPoint.latitude * 1000 / 1000; var lon = event.mapPoint.longitude * 1000 / 1000; document.getElementById("instruction2").value = lon + ", " + lat; view.graphics.add(new Graphic(event.mapPoint, simpleMarkerSymbol)); }); var locate = new Locate({ view: view, useHeadingEnabled: false, goToOverride: function(view, options) { options.target.scale = 1500; // Override the default map scale return view.goTo(options.target); } }); view.ui.add(locate, "top-right"); }); </script> </head> <body> <div id="viewDiv"></div> <div id="instruction"> Click on the map to retrieve coordinates and address </div> <input type="text" id="instruction2" value=""> </body> </html> Thank you! Regards, Stacie

‎07-22-2019

Hi, Is it possible to make a button to detect the location by clicking on it? I've already have a script with the function but the problem now is adding the function to a button. Is there anyone that can help me with this? Below is the code: <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"> <title>ArcGIS JavaScript Tutorials: click on the map</title> <style> html, body { padding: 0; margin: 0; height: 100%; width: 100%; } #viewDiv { padding: 0; margin: 0; height: 80%; width: 60%; } #instruction { padding: 15px; background: white; color: black; border: 5px solid gold; font-family: sans-serif; font-size: 1.2em; } </style> <link rel="stylesheet" href="https://js.arcgis.com/4.11/esri/css/main.css"> <script src="https://js.arcgis.com/4.11/"></script> <script> require([ "esri/tasks/Locator", "esri/Map", "esri/views/MapView", "esri/Graphic", "esri/widgets/Locate" ], function(Locator, Map, MapView, Graphic, Locate) { var map = new Map({ basemap: "hybrid" }); var view = new MapView({ container: "viewDiv", map: map, center: [110.36402943937549,1.5128959885365645], // longitude, latitude zoom: 18 }); view.ui.add("instruction", "bottom-left"); var point = { type: "point", longitude: 110.36402943937549, latitude: 1.5128959885365645 }; var simpleMarkerSymbol = { type: "simple-marker", color: [226, 119, 40], // orange outline: { color: [255, 255, 255], // white width: 1 } }; var pointGraphic = new Graphic({ geometry: point, symbol: simpleMarkerSymbol }); view.graphics.add(pointGraphic); /******************************************************************* * This click event sets generic content on the popup not tied to * a layer, graphic, or popupTemplate. The location of the point is * used as input to a reverse geocode method and the resulting * address is printed to the popup content. *******************************************************************/ //view.popup.autoOpenEnabled = false; view.on("click", function(event) { // Get the coordinates of the click on the view //view.graphics.clear(); view.graphics.removeAll(); var lat = event.mapPoint.latitude * 1000 / 1000; var lon = event.mapPoint.longitude * 1000 / 1000; document.getElementById("instruction2").value = lon + ", " + lat; view.graphics.add(new Graphic(event.mapPoint, simpleMarkerSymbol)); }); var locate = new Locate({ view: view, useHeadingEnabled: false, goToOverride: function(view, options) { options.target.scale = 1500; // Override the default map scale return view.goTo(options.target); } }); view.ui.add(locate, "top-right"); }); </script> </head> <body> <div id="viewDiv"></div> <div id="instruction"> Click on the map to retrieve coordinates and address </div> <input type="text" id="instruction2" value=""> </body> </html> Thank you! Regards, Stacie

‎06-17-2019

Hi Egge-Jan Pollé, Yes. Thank you so much! This is what I want. Is it possible to make the marker follow whenever click on the map? Regards, Stacie

‎06-17-2019

Hi Egge-Jan, Yes, this is what I want. But can it be on textbox (value of longitude and latitude) instead of popup message? Thanks, Stacie

‎06-17-2019

Hi, Is there anyways to get the value of longitude/latitude when click on the map? I want the value to be display on input textbox. Is it possible to do that? Below is my code: require([ "esri/Map", "esri/views/MapView", "esri/Graphic" ], function(Map, MapView, Graphic) { var map = new Map({ basemap: "topo-vector" }); var view = new MapView({ container: "viewDiv", map: map, center: [110.36402943937549,1.5128959885365645], // longitude, latitude zoom: 18 }); var point = { type: "point", longitude: 110.36402943937549, latitude: 1.5128959885365645 }; var simpleMarkerSymbol = { type: "simple-marker", color: [226, 119, 40], // orange outline: { color: [255, 255, 255], // white width: 1 } }; var pointGraphic = new Graphic({ geometry: point, symbol: simpleMarkerSymbol }); view.graphics.add(pointGraphic); }); Thank you so much! Regards, Stacie

Online Status	Offline
Date Last Visited	‎08-05-2021 03:09 AM

My Ideas

Latest Contributions by StacieT_

Re: Detect location by clicking a button

Re: Detect location by clicking a button

Detect location by clicking a button

Detect location by clicking button

Re: Click on the map to get value of longitude/latitude

Re: Click on the map to get value of longitude/latitude

Click on the map to get value of longitude/latitude

Re: Click on the map to get value of longitude/lat...