Pin nach dem Klicken auf die benutzerdefinierte Schaltfläche im Popup auf der Karte anzeigen

Question

Ich verwende ArcGIS JS API 4.0 mit eckigen. Im Popup-Fenster habe ich die benutzerdefinierte Schaltfläche Mehr Details hinzugefügt. Auf den Klick dieser Schaltfläche möchte ich den Pin auf der Karte anzeigen. Ich finde nicht viele Online-Beispiele, um dies zu erreichen, kann jemand helfen?

Answer 1

Wenn ich richtig verstanden habe, ist Ihr Problem, den Ort des Klicks innerhalb der Aktionsmethode zu erhalten.

Wenn ja, können Sie den Speicherort aus der view.popup.location abrufen. Das ist eine Punktgeometrie. Damit können Sie der Ebene oder der Karte eine neue Grafik hinzufügen. Ich habe nicht mit AngularJS gearbeitet. also wäre nicht in der Lage, Ihnen eine Probe zu liefern. Aber mit den verfügbaren Ortsangaben sollte es einfach sein, ein Beispiel zu finden, um eine Grafik hinzuzufügen.

Edit: Dieses Beispiel ist besser geeignet. https://developers.arcgis.com/javascript/latest/sample-code/get-started-graphics/index.html

Answer 2

Vielen Dank für Ihre schnelle Antwort. Ihre Antwort hat mir sehr geholfen. Ich finde es immer noch sehr schwierig, den Popup-Ort zu speichern und dann den Pin zu zeigen, wenn auf die benutzerdefinierte Schaltfläche im Popup geklickt wird. Wenn Sie es wissen, lassen Sie es mich wissen. Ich habe jedoch meine Lösung implementiert, um den Pin anzuzeigen, sobald das Feature auf der Karte angeklickt wird. Hier ist der Code dafür.

self.mapView.on("click", function (event) { 
       self.mapView.graphics.removeAll(); 

// I added this line to make sure the previous pin is removed if the new  
//feature is clicked. If there is a better way to handle it, let me know. 

        // Create a symbol for drawing the point 
        var markerSymbol = new SimpleMarkerSymbol({ 
         color: [226, 119, 40], 
         outline: { // autocasts as new SimpleLineSymbol() 
          color: [255, 255, 255], 
          width: 2 
         } 
        }); 

        // Create a graphic and add the geometry and symbol to it 
        var pointGraphic = new Graphic({ 
         geometry: event.mapPoint, 
         symbol: markerSymbol 
        }); 

        self.mapView.graphics.addMany([pointGraphic]); 

       }); 

Answer 3

Sie können zum trigger-action auf dem Popup reagieren und dann die view.popup.location verwenden, wie bereits erwähnt,

view.popup.on("trigger-action", function(evt){ 
    if(evt.action.id === "more-details"){ 
    // add graphic at view.popup.location 
    } 
});