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

Comenzar con ArcGIS JavaScript - Mostrar ubicación del cursor

Egge-Jan_Pollé

<\/HEAD>

<\/A>evento pointer-move<\/H2>
<\/P>
En un
ejercicio anterior <\/A>hemos creado una aplicación web con un mapa base holandés<\/A>. proyectado en el sistema de coordenadas holandés, el sistema RD.<\/P>
<\/P>
El objetivo<\/STRONG> del ejercicio aquí es seguir el movimiento del ratón y mostrar las coordenadas de la ubicación del cursor en la pantalla.<\/P><\/P>Esto lo hacemos configurando un manejador de evento
pointer-move event <\/A> en el MapView<\/A> y leer las coordenadas X e Y que recibimos.<\/P>
<\/P>

dojo\/dom<\/H2><\/P>En esta aplicación usamos el módulo dojo\/dom<\/A> del , function(Map, Point, MapView, dom) {

var map = new Map({
basemap: {
portalItem: {
id: "7aea6fa913a94176a1074edb40690318" // Mapa base de Esri Nederland: Topo RD
}
}
});

var rdOrigin = new Point({
x: 155000,
y: 463000,
spatialReference: 28992
});

var view = new MapView({
spatialReference: 28992,
container: "viewDiv",
map: map,
center: rdOrigin,
zoom: 3
});

// Añadir el div con las coordenadas a la pantalla del mapa
view.ui.add("coordinates", "bottom-left"");

// Inicialmente llenar las coordenadas del centro del mapa, redondeadas a milímetros
// y formateadas con separadores para decimales y miles
dom.byId">( class="punctuation token">(<\/SPAN>"rdycoord"<\/SPAN>)<\/SPAN>.<\/SPAN>innerHTML =<\/SPAN> "Y = "<\/SPAN> +<\/SPAN> point.<\/SPAN>y.<\/SPAN>toLocaleString<\/SPAN>(<\/SPAN>undefined,<\/SPAN> {<\/SPAN>minimumFractionDigits:<\/SPAN> 3<\/SPAN>,<\/SPAN> maximumFractionDigits:<\/SPAN> 3<\/SPAN>}<\/SPAN>)<\/SPAN> +<\/SPAN> " m"<\/SPAN>;<\/SPAN>
}<\/SPAN>
}<\/SPAN>

view.<\/SPAN>when<\/SPAN>(<\/SPAN>function<\/SPAN>(<\/SPAN>)<\/SPAN>{<\/SPAN>
// Escuchar - después de que el mapa se haya cargado - los movimientos del ratón para capturar las coordenadas<\/SPAN>
view.<\/SPAN>on<\/SPAN>(<\/SPAN>"pointer-move"<\/SPAN>,<\/SPAN> showCoordinates)<\/SPAN>;\n }\n);\n\n }\n);\n <\/\><\/<SPAntokenspan>>
<\/\><\/<SPAntokenspan>>
<body><\/<SPAntokenspan>>
<div id=\"viewDiv\"><\/<SPAntokenspan>>
<\/div><\/<SPAntokenspan>>
<div id=\"coordinates\"><\/<SPAntokenspan>>
<span id=\"coordtitle\"><\/span>Ubicación del cursor (en RD):<SPAntokentag"><br><\/<SPAntokenspan>>
<span id=\"rdxcoord\"><\/span><SPAntokentag"><br><\/<SPAntokenspan>>
<span id=\"rdycoord\"><\/span>
<SPAntokentag"></div>
</body>
</html><</EMOJI_0>>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍< < EM O J I _ 3 2 > > </ s p a n > < s p a n > << E M O J I _ 3 3 > > </ s p a n > < s p a n > << E M O J I _ 3 4 > > </ s p a n > < s p a n > << E M O J I _ 3 5 > > </ s p a n > < s p a n > << E M O J I _ 3 6 > > </ s p a n > < s p a n > << E M O J I _ 3 7 > > </ s p a n > < s p a n > << E M O J I _ 3 8 > > </ s p a n > < s p a n > << E M O J I _ 3 9 > > </ s p a n > < s p a n > << E M O J I _ 4 0 > > </ s p a n > < s p a n > << E M O J I _ 4 1 > > </ s p a n > < s p a n > << E M O J I _ 4 2 > > </ s p a n > < s p a n > << E M O J I _ 4 3 > > </ s p a n > < s p a n > << E M O J I _ 4 4 > > </ s p a n > < s p a n > << E M O J I _ 4 5 > > </ s p a n > < s p a n >< & l t ; & # x 2 F ; & g t ; & # x D ; & # xA ;

Encuentra más publicaciones etiquetadas con

Comentarios

There are no comments yet

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

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