Tag: DASH-LEAFLET
Estoy utilizando bindTooltip para crear elementos emergentes con HTML y enlaces dentro de ellos. .bindTooltip(function (layer) { let tooltip1 = “<h2>” + layer.feature.properties.NAME + ‘ <a href=”‘ + layer.feature.properties.LINK + ‘” target=”_blank”>’ + ‘<img src=”‘ + layer.feature.properties.IMAGE + ‘” width=”300″></a>’; return tooltip1; }, customOptions) En Custom options tengo lo siguiente: . . . Read more
Estoy trabajando en un algoritmo de agrupación de marcadores de Leaflet, todo va bien hasta que un marcador actualiza su latitud y longitud (latlng), necesito restablecer la posición del marcador en el árbol de agrupación. En pocas palabras, necesito llamar a una función cada vez que el marcador llama a . . . Read more
Estoy tratando de convertir un mapa de Leaflet en una imagen: <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js" integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA==" crossorigin=""></script> <script src='//api.tiles.mapbox.com/mapbox.js/plugins/leaflet-image/v0.0.4/leaflet-image.js'></script> Creé un mapa de Leaflet: var map = L.map('map').setView([startup_latitude, startup_longitude], 14); y luego generé una imagen a partir del mapa: leafletImage(map, function (err, canvas) { var img = document.createElement('img'); var dimensions = map.getSize(); . . . Read more
¿Cómo podemos incrustar Mapa de leaflet en un componente de Preact? Estoy creando un widget de mapa usando webpack. A continuación, te muestro el código que implementé. import registerCustomElement from ‘preact-custom-element’; import { h, Component } from ‘preact’; import { map as createMap, tileLayer } from ‘../../node_modules/leaflet/dist/leaflet-src.esm.js’; class mapView extends . . . Read more
Estoy construyendo una aplicación con JavaScript, React y Leaflet (plugin React-Leaflet). Quiero obtener las coordenadas del marcador más cercano a mi ubicación, pero tengo problemas para descubrir cómo usar el plugin GeometryUtil (https://github.com/makinacorpus/Leaflet.GeometryUtil) con React-Leaflet. He intentado este código, pero devuelve un mensaje de error. const Map = ({ markers, . . . Read more