graphics Multiple clicks will cause errors
Uncaught TypeError: Object.defineProperty called on non-object
ok thank you !
sometimes this happens，I don't know if it is caused by different versions ,I also use new version
I am unable to create the exact your use case, but tried with point creation.
Popup is coming with exact latitude and longitude for each point I have clicked.
Screen shot enclosed.
<html> <head> <meta charset="utf-8" /> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" /> <title>Draw polyline | Sample | ArcGIS API for JavaScript 4.24</title> <link rel="stylesheet" href="https://js.arcgis.com/4.24/esri/themes/light/main.css" /> <script src="https://js.arcgis.com/4.24/"></script> <style> html, body, #viewDiv { height: 100%; width: 100%; margin: 0; padding: 0; } </style> <script> require([ "esri/Map", "esri/views/MapView", "esri/views/draw/Draw", "esri/Graphic", "esri/views/draw/PointDrawAction", "esri/widgets/Popup", ], (Map, MapView, Draw, Graphic, PointDrawAction, Popup) => { const map = new Map({ basemap: "gray-vector", }); const view = new MapView({ container: "viewDiv", map: map, zoom: 15, center: [75, 14], }); view.ui.add("point-button", "top-left"); const draw = new Draw({ view: view, }); document.getElementById("point-button").onclick = () => { const action = draw.create("point"); view.focus(); action.on(["draw-complete"], updateVertices); }; function updateVertices(event) { if (event.coordinates.length > 1) { const result = createGraphic(event); } } function createGraphic(event) { let point = { type: "point", x: event.coordinates[0], y: event.coordinates[1], spatialReference: view.spatialReference, }; let graphic = new Graphic({ geometry: point, symbol: { type: "simple-marker", style: "circle", color: "red", size: "16px", outline: { color: [255, 255, 0], width: 3, }, }, }); view.graphics.add(graphic); showPopup(graphic); } function showPopup(graphic) { console.log( graphic.geometry.latitude + " - " + graphic.geometry.longitude ); view.popup.open({ location: graphic.geometry, content: `<b>latitude: ${graphic.geometry.latitude} <br/> latitude: ${graphic.geometry.longitude}<b>`, }); } }); </script> </head> <body> <div id="viewDiv"> <div id="point-button" class="esri-widget esri-widget--button esri-interactive" title="Draw Point" > <span class="esri-icon-map-pin"></span> </div> </div> </body> </html>
Hi thanks
code
Is it possible to share the code. It will be easy to understand
Přihlášení členové mohou přispívat, sledovat aktualizace a další. Jste tu noví? Zaregistrujte si bezplatný účet.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.
