Preguntas con la etiqueta [leaflet]

Para preguntas relacionadas con la biblioteca Javascript LeafLet para desarrollo de aplicaciones de mapeo Web.

Filtrar por
Ordenado por
Etiquetadas con
0 votos
0 respuestas
20 vistas

Al iniciar no renderiza correctamente el mapa

Tengo un problema super raro con Leaflet... Cuando ejecuto mi aplicación en un navegador la primera carga del mapa no se realiza de manera correcta, como si le faltara renderizar partes del mapa, pero ...
tfank's user avatar
  • 1
2 votos
0 respuestas
34 vistas

guadar imajen.png de un <div>

Se ha puesto un mapa de Open Street Map y se han dibujado objetos sobre el mismo en un hecho con leaflet, la pantalla muestra correctamente el mapa y los objetos dibujados, pero cuando quiero ...
roman villarreal's user avatar
0 votos
0 respuestas
20 vistas

Problemas de velocidad cargando subcapas con Leaflet usando Svelte

tengo un objeto que se compone de categorias con sus elementos(latitud,longitud y nombre) pretendo generar subcapas, lo logro pero el problema es que tarda tanto que hace inviable el programa, paso el ...
Marta's user avatar
  • 1
0 votos
0 respuestas
30 vistas

¿Como vincular la información de variables a un evento click al presionar un marker?

Estoy trabajando con Leaflet y necesito agregar un evento click a los iconos del mapa para que la información asociada a cada uno se muestre en la card del costado en el formulario de información en ...
Carlos's user avatar
  • 33
0 votos
0 respuestas
16 vistas

React js usando leaflet

Cuando cambio las coordenadas para centrar el mapa o sea modifico el estado de mi componente el vuelve a renderizar el componente y esta vez tiene que centrar el mapa con las nuevas coordenas pero no ...
DDD's user avatar
  • 1
0 votos
0 respuestas
19 vistas

Problema con el sistema de referencia Leaflet

¿quien me puede echar una ayuda con este problema en leaflet. ? El problema es el siguiente, desde geoserver estoy trayendo una capa mediante el servicio wms, y como tal, con el sistema predeterminado ...
Juan Guillermo Maya Palacio's user avatar
0 votos
0 respuestas
71 vistas

React y Leaflet Seleccionar poligono y obtener m2 y coordenadas

estoy intentando hacer en react un mapa con leaflet que la persona que ingrese pueda buscar su casa y marcarla con 4 puntos para obtener los metros cuadrados y la coordenadas X, Y de la casa. ...
KatiaSisHost's user avatar
0 votos
1 respuesta
271 vistas

Uncaught TypeError: Cannot read properties of null (reading 'lat')

el archivo Success.jsx es un componente React que representa una página de confirmación de compra exitosa. Dentro de este componente, se importa un hook personalizado llamado usePositionStack que se ...
Leo Vale14's user avatar
2 votos
1 respuesta
64 vistas

¿Cómo hago que los map markers se borren y solo queden los seleccionados?

Tengo un combo-box el cual al seleccionar una de las opciones en el mapa debería marcar distintos puntos, pero mi problema es que al momento de seleccionar una nueva opción del combo-box los puntos de ...
Carlos's user avatar
  • 33
0 votos
1 respuesta
74 vistas

Cargar poligonos con atributos de postgis en un mapa de leaflet

Buenas estoy trabajando con poligonos cargados en una base de postgis y se me presento un problema para cargarlos en un mapa para que aparescan con sus atributos subo el codigo. En este codigo php ...
DAVE's user avatar
  • 83
0 votos
0 respuestas
62 vistas

no puedo grabar un mapa y sus capas de leaflet con GeoJSON

Hola a todos y gracias por leer mi pregunta, estoy iniciando con leaftlet y casi no se javascript, solo uso PHP, mi oroblema es que en una web estoy desplegando un mapa con herramientas de dibujo en ...
roman villarreal's user avatar
0 votos
0 respuestas
14 vistas

Leaflet con sobre carga de marker.bindTooltip

Tengo una capa con 3 mil polígonos y cuando me muestra un nombre se sobrecarga y tarda en buscar y moverse. Quisiera, si se puede, que solo me muestre una cantidad o los polígonos que se encuentran en ...
hugo's user avatar
  • 1
0 votos
0 respuestas
85 vistas

Obtener datos de coordenadas de un mapa OpenStreetMap

necesito obtener los datos de latitud y longitud de una calle de un mapa de OpenStreetMap. He conseguido extraer la calle y dibujarla en un mapa Sin embargo, no sé qué hacer para extraer las ...
CorazondeTernera's user avatar
1 voto
0 respuestas
37 vistas

Alinear puntos en el mapa

estoy teniendo un problema que creo que no será fácil de solucionar pero me gustaría comentarlo por aquí a ver si alguien puede ayudarme. He estado recopilando datos de iluminación por las calles de ...
CorazondeTernera's user avatar
0 votos
0 respuestas
35 vistas

Como crear un marcador único para cada usuario sin que se afecte al otro - leaflet pusher

Estoy haciendo un sitio web en Laravel tipo gps que me muestra a todas las unidades vehiculares que tengo registrados en tiempo real para lo cual uso Leaflet y uso Pusher para crear marcadores en ...
Jibanmc's user avatar
0 votos
1 respuesta
182 vistas

Cómo cambio un mapa de Leaflet con un click en Angular 13?

Quiero mostrar un mapa de Leaflet y que este cambie (su url específicamente) con el click de un botón. Lo he intentado con la función changeUrl pero sale el error Property 'changeUrl' does not exist ...
AntonioS's user avatar
0 votos
0 respuestas
65 vistas

Error de dependencias al tratar de crear app react

mi proyecto de react cuando trato de hacer build, funciona bien cuando ejectuto el comando "npm start" para crear y montarlo en el servidor local, pero al tratar de construirlo con "npm ...
kilex's user avatar
  • 413
0 votos
0 respuestas
52 vistas

React .js/ Error al compilar. Babel-loader

espero que puedan ayudarme una vez mas, al intentar cargar un mapa de React-Leaflet se me rompe toda la aplicacion. Arrojando el siguiente error: Failed to compile. ./node_modules/@react-leaflet/core/...
Guido Gagliardini's user avatar
0 votos
1 respuesta
315 vistas

Error al verificar si un punto esta dentro de un poligono (lat,long) en Javascript

Tengo varios puntos ubicados en un mapa de vue-leaflet ademas de unos poligonos que el usuario dibuja, estoy intentando averiguar los puntos que estan dentro de estos poligonos pero los metodos que he ...
DVertel's user avatar
  • 519
1 voto
2 respuestas
344 vistas

¿Cómo usar dangerouslySetInnerHTML en literales en REACT?

Quisiera inyectar unos br en un componente REACT (en este caso el componente Popup del final), se que no es buena práctica pero no encuentro otra forma, el caso es que probe con la propiedad ...
Hernán Garcia's user avatar
1 voto
0 respuestas
158 vistas

Mostrar Popup con varios registros en Leaflet

Se tiene un mapa en Leaflet con una serie de registros distribuidos en diferentes ciudades, algunas ciudades tienen varios registros (usuarios) con la misma ubicación, al hacer click en cada marker, ...
Stalin's user avatar
  • 23
1 voto
0 respuestas
27 vistas

Personalizar botón (toggle) addLayersControl

Buen día, actualmente tengo un mapa Leaflet con diferentes capas en una aplicación Shiny. Tengo el control de capas configurado en modo colapsado, pero me piden que el botón sea más llamativo para los ...
Ricardo MMD's user avatar
1 voto
1 respuesta
108 vistas

Mostrar Popups de GeoJSON en Leaflet

debido a un proyecto sin fines de lucros me he visto en la necesidad de preparar un mapa básico en Leaflet a partir de un GeoJSON (primera vez que utilizo Leaflet), sin embargo, necesito mostrar los ...
Stalin's user avatar
  • 23
0 votos
1 respuesta
67 vistas

Actualizar funcion AJAX con nuevo valor desde función

tengo el siguiente problema a ver si alguien me podria ayudar. Estoy tratando de hacer un seguimiento de aeronaves, para ello ocupo una función AJAX que recibe los datos de acuerdo al id, si ingreso ...
Abraham9414's user avatar
0 votos
0 respuestas
238 vistas

ocupar Json desde flask hacia un html

Tengo un problema a la hora de lograr querer hacer leer el json en un html a traves de flask, la idea es pasar el json desde un codigo de python por medio de post, este es el código mencionado, acorte ...
blacks 5574's user avatar
0 votos
0 respuestas
48 vistas

Categorizar los colores en React JS con Leafltet para un mapa

estiy usando react js con next para un mapa necesito categorizar por colores unos numeros pero realmente aun no me ha funcionado Debo sacar de esos colores 6 categorias pinta un mapa departamentos las ...
user247930's user avatar
1 voto
0 respuestas
82 vistas

Varios iconos en map leaflet VueJs

Tengo un map el leaflet que carga los puntos dinamicamente desde una api de esta forma: <l-marker v-for="punto in puntos.data" :key="punto.name" :lat-lng="punto....
DVertel's user avatar
  • 519
1 voto
0 respuestas
50 vistas

El pagination en bootstrap-table al cargar un solo registro no se muestra en donde debería, si se carga un nuevo registro se soluciona

Estoy trabajando con leaflet y debo seleccionar un polígono el cual cuenta con atributos, los cuales de deben mostrar en una tabla, pero siempre que cargo la tabla y selecciono el primer polígono ...
Jonathan Calderón's user avatar
1 voto
0 respuestas
63 vistas

concatenar dos marker en Javascript

Buenas soy nuevo en esto y tengo un proyecto en el que estoy trabajando con leaflet y utilizo con var marker, tengo ya hecha una parte de los marcadores pero el problema es que tengo ya demasiados y ...
DAVE's user avatar
  • 83
1 voto
1 respuesta
46 vistas

Javascript | Error al asignar un título

Error al asignar título al layer. Se pretende que junto al icono se pueda ver un título para saber a qué layer o menú corresponde (Hay 4 layer que cada uno dispone diferentes categorías). Pero muestra ...
ret's user avatar
  • 1,928
0 votos
1 respuesta
56 vistas

¿Cómo tener normalmente no seleccionados los layers, en Leaflet?

Al crear los layers, normalmente se visualiza el mapa con los checked o marcas seleccionados (se visualizan). La idea es que normalmente estén sin seleccionar (mapa sin marcas) y según se seleccionen ...
ret's user avatar
  • 1,928
0 votos
1 respuesta
327 vistas

Leaflet | No se muestra el label dentro del polígono

No se muestra la etiqueta o label en el centro del polígono: (El polígono sí se muestra pero el label no) Código: var cuencas = L.polygon([ [51.509, -0.08], [51.503, -0.06], [51.51, -0....
ret's user avatar
  • 1,928
0 votos
1 respuesta
154 vistas

Leaflet | Polygon - No se visualiza el polígono

Tras añadir un polígono en el mapa, no se visualiza el polígono, pero sí el mapa. ¿La función polygon() funciona automñaticamente con Leaflet, o hay que instalar algún plugin? Código: var polygon = L....
ret's user avatar
  • 1,928
0 votos
1 respuesta
33 vistas

CSS | El mapa no rellena el vertical completo de la ventana del navegador

Al insertar un mapa leaflet, he probado darl estilos para ajustar a la vertical de la ventana. Si no le aplico un min-height se reduce a nada, no se ve el mapa. ¿Cómo se debería dar el estilo correcto ...
ret's user avatar
  • 1,928
1 voto
0 respuestas
202 vistas

¿Como puedo detectar un evento (popup) solo dentro polígono en Leaflet?

Consulte también la respuesta Tengo un mapa hay varias geometrías (puntos, líneas, polígonos), agregadas como geoJson. Cuando hace clic DENTRO de un polígono, se activa el evento (popup) de clic. Y ...
rafael bz's user avatar
0 votos
1 respuesta
27 vistas

Condicional desde base de datos toma el dato, pero el else en el template no muestra el dato

Si hay datos en la base de datos, el plano se muestra bien, toma bien los datos, pero si debe entrar en else, no muestra el plano por algún error. En el ejemplo, los datos de la base de datos son los ...
ret's user avatar
  • 1,928
1 voto
0 respuestas
113 vistas

Problemas al exportar mapa web leaflet de Rstudio a HtTML

Buen dia. me encuentro desarrollando un mapa con R, en el cual se usan tres Shapfiles. En el mapa quiero asignar con icono dependiendo del valor de los atributos del shp. Todo corre bien y se ...
edgar barahona's user avatar
0 votos
1 respuesta
804 vistas

Como eliminar el marcador actual en Leaflet Javascript

sucede que tengo un marcador en un mapa de Leaflet el cual me marca bien el punto en el mapa al dar clic sobre el, el problema es que si vuelvo a dar clic me agrega otro marcador es decir quedan dos ...
juan perez's user avatar
0 votos
0 respuestas
131 vistas

leaflet Draw Error

Estoy intentando agregar leaflet.Draw en mi Mapa. Actualmente estoy trabajando con la última versión de Leaflet que es la 1.7.1 Por más que sigue el ejemplo siempre me arroja el siguiente error: Draw....
Mauro Tello's user avatar
0 votos
1 respuesta
159 vistas

ver el nivel de zoom en leaflet (plugin mapas)

Hola buenas noche (como sino) Soy algo nuevo en el plugin Leaflet y no he podido encontrar la manera de ver el zoom en el que me encuentro, no el boton zoom, sino el nivel (11, 12, 13, 14 ...etc) Me ...
Gonzalito Gonzalez's user avatar
0 votos
1 respuesta
349 vistas

Leaflet Mapa donde poder calcular lo metros cuadrados. JavaScript

mi problema es que necesito poner en una web un mapa donde me permita seleccionar una parte y que me indique lo metros cuadrados. He visto que con la api de google se puede pero es de pago. Estoy ...
Juan Javier Escobar Rubio's user avatar
2 votos
1 respuesta
117 vistas

Javascript | Mostrar javascript cuando checkbox esté activado

Cómo hacer que al activar checkbox se vea el elemento javascript y cuando se deschekee que se deje de ver. No funciona tal cual tengo. Elemento a visualizar o no visualizar según checkbox: map....
ret's user avatar
  • 1,928
0 votos
1 respuesta
129 vistas

Marcadores de distintos colores desde un csv en leafletjs

Estoy realizando un proyecto con leafletjs. Tengo la manera acceder a un csv e imprimir los marcadores en el mapa. Lo que no consigo es cambiar el color de esos marcadores, los cuales los extraigo del ...
Raúl Medina's user avatar
1 voto
2 respuestas
1k vistas

Javascript - Leaflet - Ocultar/Mostrar marca en mapa pulsando botón

Cómo hacer ocultar/mostrar marca en mapa al hacer clic en botón. No se si debería ser con display none, o de alguna manera quitar el addTo(map). <script> let map = L.map('map').setView(...
ret's user avatar
  • 1,928
0 votos
0 respuestas
451 vistas

Leaflet - ¿Cómo sacar la información de una capa de mi mapa?

Cuando se clica el mapa, aparece un "pop-up" mostrando un código de referencia. Este código lo obtiene de source.getLayer. Este código es único para cada área de tierra, que pertenece a algún ...
Gerard's user avatar
  • 1
0 votos
1 respuesta
132 vistas

¿Mapas en IONIC sin usar google maps?

Hola y gracias de antemano por vuestra ayuda, Estoy trabajando en una aplicación de IONIC y me he topado de añadir un mapa sin usar google maps, el problema es que no se muy bien por donde empezar ya ...
francisco javier lopez perez's user avatar
0 votos
0 respuestas
729 vistas

¿Actualizar mapa Leaflet?

Estoy desarrollando el modulo de un sistema, el cual recoge de la base de datos la latitud y longitud, las tranfiero a un archivo .js en donde con JQUERY los muestro en inputs, de la siguiente manera. ...
Armando Gileta's user avatar
1 voto
0 respuestas
46 vistas

Geojson como Tilelayer en leaflet

Buen dia a todos, Soy nuevo en programación y estoy intentando insertar un mapa en mi aplicacion, para esto he usado la libreria leaflet, para no saturar el servidor de OSM he querido alojar las ...
Alejandro García's user avatar
0 votos
1 respuesta
107 vistas

¿Por qué falla este codigo en localhost?

Tengo este código sacado de una web, el cual necesito utilizar, he probado a insertarlo en un proyecto en laragon y en un documento suelto en mi localhost, en ningún lugar me funciona, pero sin ...
javip97's user avatar
  • 79
2 votos
1 respuesta
241 vistas

Problema de posicionamiento con leaftlet

Tengo un problema al visualizar un mapa con leaftlet, el mapa se muestra como pequeños fragmentos que no están unidos de acuerdo a un mapa convencional, he agregado los estilos pero al agregarlos el ...
404's user avatar
  • 635