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

10 zu wenig genutzte oder missverstandene HTML-Tags

Hier sind 10 HTML-Tags, die zu wenig verwendet od...

Ein MySQL-Migrationsplan und eine praktische Auflistung der Fallstricke

Inhaltsverzeichnis Hintergrund Lösung 1: Alte Dat...

Detaillierte Erklärung zur Verwendung von ES6 Promise

Inhaltsverzeichnis Was ist ein Versprechen? Verwe...

Handtrack.js-Bibliothek zur Echtzeitüberwachung von Handbewegungen (empfohlen)

【Einführung】: Handtrack.js ist eine Prototypbibli...

Lösung zur Konvertierung in Inline-Styles in CSS (css-inline)

Sprechen Sie über die Szene E-Mail senden Einbett...

Die Verwendung von Ankerpunkten in HTML_PowerNode Java Academy

Lassen Sie uns nun mehrere Situationen zur Steuer...

Vier Möglichkeiten, CSS und HTML zu kombinieren

(1) Jedes HTML-Tag hat ein Attribut style, das CS...

Verwenden Sie Javascript, um eine dynamische QQ-Registrierungsseite zu erstellen

Inhaltsverzeichnis 1. Einleitung 1. Grundlayout 2...

So legen Sie Listenstilattribute in CSS fest (lesen Sie einfach diesen Artikel)

Eigenschaften des Listenstils Es gibt 2 Arten von...

Lösen Sie das Problem verstümmelter chinesischer Schriftzeichen in Mysql5.7

Wenn Sie MySQL 5.7 verwenden, werden Sie feststel...