Preguntas con la etiqueta [leaflet]
Para preguntas relacionadas con la biblioteca Javascript LeafLet para desarrollo de aplicaciones de mapeo Web.
77
preguntas
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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.
...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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/...
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 ...
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 ...
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, ...
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 ...
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 ...
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 ...
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 ...
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 ...
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....
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 ...
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 ...
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 ...
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 ...
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....
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....
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 ...
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 ...
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 ...
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 ...
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 ...
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....
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 ...
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 ...
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....
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 ...
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(...
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 ...
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 ...
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.
...
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 ...
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 ...
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 ...