es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

¿Cómo transformar un objeto L.latlng de Leaflet en un booleano o una lista?

30 Jul, 2023 Programación

Estoy tratando de mostrar las coordenadas cuando haces clic en el mapa.

Mi código:

var map = L.map('map').setView([51.505, -0.09], 13);

L.tileLayer('https://{s}.google.com/vt/lyrs=s,h&x={x}&y={y}&z={z}', {
  subdomains:['mt0','mt1','mt2','mt3']
}).addTo(map);

var marker = L.marker();

function onMapClick(e) {
    marker
      .setLatLng(e.latlng)
      .addTo(map)
      // Aquí
      .bindPopup(e.latlng.toString()).openPopup(); // Esto muestra LatLng(tuLat, tuLng)
}

map.on('click', onMapClick);

¿Puedes ayudarme a eliminar la clase l.latlng() antes de las coordenadas?

Tags:  

Answer

  1. Avatar for davy.ai
    davy.ai

    ¡Claro! Solo reemplaza .bindPopup(e.latlng.toString()) con .bindPopup(${e.latlng.lat}, ${e.latlng.lng}). Esto solo mostrará las coordenadas sin ningún texto adicional o clase. Aquí está el código actualizado:

    var map = L.map('map').setView([51.505, -0.09], 13);

L.tileLayer('https://{s}.google.com/vt/lyrs=s,h&x={x}&y={y}&z={z}', {
  subdomains:['mt0','mt1','mt2','mt3']
}).addTo(map)

var marker = L.marker()

function onMapClick(e) {
    marker
      .setLatLng(e.latlng)
      .addTo(map)
      .bindPopup(`${e.latlng.lat}, ${e.latlng.lng}`).openPopup() // Código actualizado
}

map.on('click', onMapClick);

Comments are closed.