arcgis.js steuert den Anzeigebereich des Kartenkörpers, sodass dieser automatisch zurückspringt, wenn er den Bereich überschreitet (Implementierungsideen)

arcgis.js steuert den Anzeigebereich des Kartenkörpers, sodass dieser automatisch zurückspringt, wenn er den Bereich überschreitet (Implementierungsideen)

Hintergrund

Vor einiger Zeit sind wir bei einem Unternehmensprojekt auf ein Problem gestoßen. Der Kartengrundkartenbereich hat nur einen Teilbereich. Wenn dieser den aktuellen Bereich überschreitet, wird ein weißer Hintergrund angezeigt, was in Bezug auf die Nutzungswirkung sehr schlecht ist. Die damit verbundenen Anforderungen sind, dass die Karte herausgezoomt werden soll und dass die Grundkarte zurückprallen muss, wenn die Maus die Karte über den Anzeigebereich der Grundkarte hinaus bewegt.

Wirkung

Bildbeschreibung hier einfügen

Ideen

1. arcgis.js steuert seinen Anzeigebereich und springt automatisch zurück, wenn er den Anzeigebereich der Basiskarte überschreitet. (1) Nachdem die Karte erstellt wurde, verwenden Sie das Listener-Ereignis, um auf die Änderung des Kartenbereichs zu hören, und rufen Sie die Methode shwoExtent auf, die die Werte der oberen linken und unteren rechten Ecke der Karte übergibt.

this.gisMap.on('Ausdehnungsänderung',this.showExtent)

(2) Bestimmen Sie, ob der aktuelle Kartenanzeigebereich den sichtbaren Bereich der Karte überschreitet, basierend auf der vollen Ausdehnung des maximalen Anzeigebereichs der Karte. Wenn der Bereich überschritten wird, wird der maximale Bereich der Karte angezeigt und die Karte wird neu ausgerichtet.

Codeausschnitt

// Ein hervorgehobener Block
let fullExtent = {
    xmin: xx,
    ymin: xx,
    xmax: xx,
    ymax: xx,
   }
zeigeExtent(extS){
   lass ext = extS.extent;  
    wenn (ext.xmin<diese.fullExtent.xmin||ext.xmax>diese.fullExtent.xmax||ext.ymax>diese.fullExtent.ymax||ext.ymin<diese.fullExtent.ymin) {
    let fullExtent = neues esri.geometry.Extent(
     {
      …dieses.volleExtent, 
      spatialReference:new esri.SpatialReference({ wkid: parseInt(4490) }) //SpatialReference legt das Koordinatensystem der Karte fest}
    );
    this.gisMap.setExtent(fullExtent);
   }
  },

Referenzdokument: https://developers.arcgis.com/javascript/3/jsapi/extent-amd.html

Hinweis: Wenn Sie die Dokumentation zu Rate ziehen, müssen Sie wissen, welche Version von arcgis.js im Projekt verwendet wird.

Dies ist das Ende dieses Artikels über die Steuerung des Anzeigebereichs von Kartenkörpern durch arcgis.js und die automatische Rückfederung, wenn der Anzeigebereich den Bereich überschreitet. Weitere relevante Inhalte zum Kartenanzeigebereich von arcgis.js finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

Das könnte Sie auch interessieren:
  • ArcGIS für JS Raster-Layer-Overlay (Raster-Layer) Problem
  • So ändern Sie den Infofensterstil in ArcGIS für JS
  • Realisierung der Wirkung des ABCD-Markers der Baidu-Karte basierend auf ArcGIS für Javascript

<<:  MySQL5.6.31 winx64.zip Installations- und Konfigurationstutorial

>>:  Installieren und verwenden Sie Git und GitHub unter Ubuntu Linux

Artikel empfehlen

Einfache Implementierung von Vue Drag & Drop

In diesem Artikel wird hauptsächlich die einfache...

Über nginx zur Implementierung des Jira-Reverse-Proxys

Zusammenfassung: Nginx-Reverse-Proxy für JIRA kon...

HTML+jQuery zur Implementierung einer einfachen Anmeldeseite

Inhaltsverzeichnis Einführung Öffentlicher Code (...

Detaillierte Erklärung der nmcli-Verwendung in CentOS8

Allgemeine nmcli-Befehle basierend auf RHEL8/Cent...

So konvertieren Sie MySQL-Bin-Log-Protokolldateien in SQL-Dateien

mysqlbinlog-Version anzeigen mysqlbinlog -V [--ve...

Beispiel zur MySQL-Passwortänderung – ausführliche Erklärung

Beispiel zur MySQL-Passwortänderung – ausführlich...

JS generiert eindeutige ID-Methoden: UUID und NanoID

Inhaltsverzeichnis 1. Warum NanoID UUID ersetzt 2...

Zusammenfassung der MySQL-Anweisungen

Inhaltsverzeichnis 1. Datenbank USE auswählen 2. ...

Neue Funktionen in MySQL 8.0 - Einführung in Check Constraints

Inhaltsverzeichnis Vorwort Einschränkungen prüfen...