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; } } }

Tutorial de ArcGIS JavaScript - watchUtils: adicionar o Widget Compass somente quando necessário

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: adicionar o Widget Compass somente quando necessário<\/H2><\/P>Em geral, os mapas são orientados para o norte. Esta é uma convenção amplamente utilizada em cartografia. E o mesmo é verdade para a maioria dos mapas web. Com a ArcGIS API for JavaScript 4.x, no entanto, é possível girar o mapa na tela.<\/P><\/P>O usuário pode girar o mapa (ou melhor, a vista) de duas maneiras:<\/P>

clique com o botão direito + arrastar<\/CODE> com o mouse<\/LI><LI>pressionando as teclas <CODE>A<\/CODE> e <CODE>D<\/CODE><\/LI><\/OL><P><\/P><P>Você, como desenvolvedor, também pode usar navegação programática ajustando <A href="https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-views-MapView.html#rotation" rel="nofollow noopener noreferrer" target="_blank">MapView.rotation<\/A><\/P><P><\/P><P>Para permitir que o usuário redefina a orientação da bússola para 0 (ou seja, com o norte no topo da vista), você deve adicionar um widget <A href="https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-widgets-Compass.html" rel="nofollow noopener noreferrer" target="_blank">Compass<\/A> à vista. Este widget indica onde está o norte em relação à rotação atual da vista. Clicar no widget gira a vista de volta para o norte (heading = 0).<\/P><P><\/P><P>Então, de certa forma, você poderia dizer que só precisa deste widget Compass quando o mapa não está orientado para o norte. Ou, ao contrário: na maior parte do tempo, o widget Compass não é necessário, porque o mapa está "corretamente" orientado.<\/P><P><\/P><P>No exemplo abaixo, adicionamos o Compass somente quando o usuário gira o mapa (seja por acidente ou de propósito). E no momento em que a orientação da bússola é redefinida para 0, nós a removemos novamente.<\/P><P><\/P><P>Para verificar a orientação da vista usamos <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 <\/>como este:<\/><PRE class="lia-code-sample line-numbers language-none"><CODE>watchUtils.whenTrue(view, "stationary", function() {
  if (view.rotation == 0) {
    view.ui.remove(compassWidget);
  } else {
    view.ui.add(compassWidget, "top-left");
  }
});‍‍‍‍‍‍‍

Abaixo você encontrará o código completo deste exemplo e poderá visualizá-lo ao vivo:<\/>Tutorial ArcGIS JavaScript - Adicionar Widget Compass somente quando necessário<\/><\/><\/>

<html>

Encontre mais publicações marcadas com

Comentários

There are no comments yet

Participe da Conversa

Membros conectados podem postar, seguir atualizações e mais. Novo aqui? Registre uma conta gratuita.

Links Rápidos

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