nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

ArcGIS JavaScript Tutorial - watchUtils: Kompass-Widget nur bei Bedarf hinzufügen

Egge-Jan_Pollé

<\/HEAD>

<\/A>https:\/\/community.esri.com\/people\/EPolle_TensingInternational\/blog\/2020\/06\/14\/tutorial-arcgis-api-for-javascript-4x-table-of-contents<\/A><\/P>

watchUtils: Fügen Sie das Compass Widget nur bei Bedarf hinzu<\/H2><\/P>Im Allgemeinen sind Karten nach Norden ausgerichtet. Dies ist eine weit verbreitete Konvention in der Kartographie. Und das Gleiche gilt für die meisten Webkarten. Mit der ArcGIS API for JavaScript 4.x ist es jedoch möglich, die Karte auf dem Bildschirm zu drehen.<\/P><\/P>Der Benutzer kann die Karte (bzw. die Ansicht) auf zwei Arten drehen:<\/P>

Rechtsklick + Ziehen<\/CODE> mit der Maus<\/LI><LI>Drücken der <CODE>A<\/CODE>- und <CODE>D<\/CODE>-Tasten<\/LI><\/OL><P><\/P><P>Sie als Entwickler können auch eine programmatische Navigation verwenden, indem Sie <A href="https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-views-MapView.html#rotation" rel="nofollow noopener noreferrer" target="_blank">MapView.rotation<\/A> anpassen.<\/P><P><\/P><P>Um dem Benutzer zu ermöglichen, die Kompassausrichtung auf 0 zurückzusetzen (d.h. mit Norden oben in der Ansicht), müssen Sie ein <A href="https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-widgets-Compass.html" rel="nofollow noopener noreferrer" target="_blank">Compass<\/A>-Widget zur Ansicht hinzufügen. Dieses Widget zeigt an, wo Norden in Bezug auf die aktuelle Drehung der Ansicht ist. Ein Klick auf das Widget dreht die Ansicht zurück nach Norden (heading = 0).<\/P><P><\/P><P>Man könnte also sagen, dass Sie dieses Compass Widget nur benötigen, wenn die Karte nicht nach Norden ausgerichtet ist. Oder anders herum: Meistens wird das Compass Widget nicht benötigt, weil die Karte "korrekt" ausgerichtet ist.<\/P><P><\/P><P>Im folgenden Beispiel fügen wir den Compass nur hinzu, wenn der Benutzer die Karte dreht (sei es versehentlich oder absichtlich). Und sobald die Kompassausrichtung wieder auf 0 zurückgesetzt wurde, entfernen wir ihn wieder.<\/P><P><\/P><P>Um die Ausrichtung der Ansicht zu überprüfen, verwenden wir <A class="link-titled" href="https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-core-watchUtils.html" title="https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-core-watchUtils.html" rel="nofollow noopener noreferrer" target="_blank">watchUtils <\/> <\/> so:<\/> <PRE class=\"lia-code-sample line-numbers language-none\"><CODE>watchUtils.<SPAN class=\"token function\">whenTrue<\/><SPAN class=\"punctuation token\">(</SPAN>view,<SPAN class=\"string token\">\"stationary\"<SPAN class=\"punctuation token\">,</SPAN> function()<SPAN class=\"punctuation token\">{</SPAN>
  if (view.rotation == 0) {
    view.ui.remove(compassWidget);
  } else {
    view.ui.add(compassWidget, \"top-left\");
  }
})‍‍‍‍‍‍‍

<\/>Unten finden Sie den vollständigen Code dieses Beispiels, und Sie können ihn live ansehen:<\/> ArcGIS JavaScript Tutorial - Fügen Sie das Compass Widget nur bei Bedarf hinzu<\/><\/>

<html>

Finde mehr Beiträge mit dem Tag

Kommentare

There are no comments yet

Nehmen Sie an der Diskussion teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registrieren Sie ein kostenloses Konto.

Schnellzugriffe

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.