Articles of leaflet

Comment obtenir le focus sur un marqueur de carte lorsque vous cliquez sur un lien situé en dehors de la carte?

J’ai donc une carte avec le dépliant mapquest qui présente quelques marqueurs et des messages contextuels. Cependant, tout fonctionne bien mais sous la carte, j’ai un tableau où je montre le numéro de l’hôtel. donc comme ça avec lien: Hotel 22Hotel 23Hotel 24 Ainsi, lorsqu’un utilisateur clique sur # Hotel22, il se dirige directement vers […]

Filtre déroulant dans Leaflet

J’utilise Markercluster pour Leaflet, en extrayant des données de CSV en tant que marqueurs. Assez simple. Comment append quatre menus déroulants pour mapper ces marqueurs de filtre à l’aide de champs dans le fichier CSV? http://erichsen-group.com/demoland/datademo/projects/

Comment afficher et centrer un seul polygone de pays dans un dépliant?

J’essaie de zoomer automatiquement sur un nom de pays spécifique lorsque je charge la page à l’aide de la notice . Lorsque je poste ma page, je peux obtenir une variable comme: var $myCountry = “France”; Maintenant je charge mon json comme: $json = file_get_contents(“/world.json”); $data = json_decode($json, true); Voici ma structure geoJson: { “type”:”Feature”, […]

Ajout de la règle jquery sur la carte du dépliant

J’ai besoin d’une règle sur la carte de la brochure le long des axes X, Y mais l’API de la brochure ne la prend pas en charge et aucun plug-in n’est disponible. Il existe une règle jquery qui répond à mes besoins. Est-il possible d’append une règle jQuery sur la carte de la brochure? Voici […]

Comment basculer les coordonnées Leaflet sur 0,0 où est sud-ouest?

Je travaille sur un projet de prospectus pour lequel j’ai besoin des coordonnées de 0 à 4096 et dont les coordonnées sont les suivantes: 0,0 bottom left (southWest) 0,4096′ top left (northWest) 4096′,4096′ top right (northEast) 4096′,0 bottom right (southEast) J’ai essayé beaucoup de choses pour obtenir les coordonnées à cartographier au besoin, mais pas […]

Comment append un marqueur avec une classe spécifique à un calque ou à un groupe de calques?

J’ai quelques marqueurs qui ont une classe CSS avec ses noms, par exemple: markerOne a .markerone comme classe CSS, et ainsi de suite. Est-il possible de créer une fonction pour assigner ces marqueurs à des couches ou à des groupes spécifiques? Quelque chose comme var layerone = $(L.marker).hasClass(“markerone”)); et assigner tous les marqueurs avec cette […]

Carte de centrage de la notice avec getbounds et problèmes connexes

J’ai rencontré un problème de brochure mais je ne peux pas le résoudre. Peut-être y at-il une solution facile que je ne connais pas. Donc, centrer une carte de marqueurs groupés n’est pas si difficile et peut être fait comme suit: var markerLayer = L.featureGroup(marker) .addTo(map); var bounds = markerLayer.getBounds(); map.fitBounds(bounds); où marqueur est un […]

Dépliant l’icône personnalisée du dépliant sur le zoom. Performance icon vs divicon

J’essayais de redimensionner mes icons personnalisées lors d’un zoom dans la brochure. Je suis venu avec deux solutions pour cela. L’une utilisant la balise L.Icon , l’autre utilisant L.divIcon . Dans les deux exemples, je ne mets qu’un marqueur et un groupe pour la lisibilité Méthode 1 avec L.Icon : créez des groupes avec des […]

Comment styler layer.control dans leaflet.js?

J’essaie de changer l’icône du menu déroulant par défaut dans le contrôle des couches. J’aimerais avoir un texte à côté de l’icône. Y a-t-il un moyen de faire ça? Peut-être en utilisant JQuery et CSS? Je travaille sur un projet de dépliant basé sur cet exemple: http://leafletjs.com/examples/layers-control.html Code: Leaflet Layers Control Example var cities = […]

Détecter si Leaflet Map est en mode plein écran ou non

Est-ce que quelqu’un sait comment détecter si une carte de dépliant est définie sur plein écran? Voici donc un exemple avec lequel je joue. Je veux être capable de détecter si l’utilisateur est en plein écran. J’ai essayé ceci: $(“.leaflet-control-zoom-fullscreen”).click(function(e){ console.log(e); if(e.clientX 150){ $(“#dashboardA”).hide(); }else{ $(“#dashboardA”).show(); } }); Le code ci-dessus fonctionne, mais j’ai le […]