Articles of leaflet

Comment stocker les carreaux d'image dans le système de fichiers pour le dépliant.js

J'ai eu un lien qui tente d'expliquer comment stocker des images dans le système de fichiers mais pas très clair pour moi. Voici l'URL http://build-failed.blogspot.in/2012/11/zoomable-image-with-leaflet.html Juste voir cette image Vient d'être vu de nombreux sous-dossiers ont été créés selon l'image mais ne comprennent pas ce qu'ils essaient de signaler avec des images fléchées? Comment ceci […]

Comment puis-je style layer.control dans leaflet.js?

J'essaie de changer l'icône du menu déroulant par défaut dans le contrôle de la couche. J'aimerais avoir un texte à côté de l'icône. Est-ce qu'il y a un moyen de faire ça? Peut-être utiliser JQuery et CSS? Je travaille sur un projet de brochure basé sur cet exemple: http://leafletjs.com/examples/layers-control.html Code: <html> <head> <title>Leaflet Layers Control […]

Comment obtenir la chaîne de zone d'un polygone en utilisant le dépliant.draw

J'essaie d'obtenir les mesures de surface des polygones afin que je puisse les énumérer dans une table sur le côté de la carte, à côté du nom du polygone. C'est ce que j'ai essayé sans succès: $("#polygon").on("click", function (){ createPolygon = new L.Draw.Polygon(map, drawControl.options.polygon); createPolygon.enable(); } var polygon = new L.featureGroup(); map.on('draw:created', function (e) { […]

Légende / image personnalisée en tant que légende dans la carte dépliant

J'ai construit une carte avec des icônes personnalisées comme marqueurs. Vous pouvez voir le code et le résultat dans mon jsfiddle ici: https://jsfiddle.net/marielouisejournocode/x24stb0m/ J'ai essayé de changer le code de la légende "normal" pour mettre l'image là-bas, mais je suis nouveau dans js et leaflet et je ne peux pas vraiment résoudre ce problème. var […]

Comment filtrer le modèle angulaire (tableau) sans le détruire

J'ai un modèle pour mon point de vue. Ce modèle est un ensemble d'objets: var arr = { "12345qwery": { prop1: "value", prop2: "value" } } // contains 500 items Et aujourd'hui, je le filtre de la manière suivante: arr = $filter('filter')(arr, filterTerm); // contains 4 items Et après cette ligne, j'ai de bonnes données […]

Leaflet.label ne s'affiche pas sur les marqueurs

J'ai un ensemble de points géoJSON et ils ont des étiquettes correspondantes qui leur sont attachées. var points = L.geoJson (null, { onEachFeature: function (feature, layer) { layer.options.riseOnHover=true; //tried adding this layer.options.riseOffset=9999; //as well as this layer.bindLabel(feature.properties["name"], {className: 'map-label'}); L.setOptions(layer, {riseOnHover: true}); //this as well } }); C'est le code qui parcourt chaque fonctionnalité dans […]

Vérifiez si un point de polygone est dans un autre dans le prospectus

J'ai deux ensembles de coordonnées polygonales choisis parmi la carte GeoJSON de la notice. Les coordonnées parents et enfants sont les coordonnées: var parentCoordinates=[ [ 32.05898221582174, -28.31004731142091 ], [ 32.05898221582174, -28.308044824292978 ], [ 32.06134255975485, -28.308044824292978 ], [ 32.06134255975485, -28.31004731142091 ], [ 32.05898221582174, -28.31004731142091 ] ] var childCoordinates=[ [ 32.059904895722866, -28.30970726909422 ], [ 32.059904895722866, -28.308743809931784 ], […]

Comment puis-je empêcher les tracts de faire glisser la carte en fonction des popups de marquage?

Actuellement, nous travaillons sur un prospectus-projet avec gmaps et j'ai un petit problème. Après avoir ajouté plusieurs marqueurs (avec un popup chacun), nous voulons les ouvrir tous. Pour ce faire, j'utilise la paix de code suivante: L.Map = L.Map.extend({ openPopup: function(popup) { // this.closePopup(); this._popup = popup; return this.addLayer(popup).fire('popupopen', { popup: this._popup }); } }); […]

Comment ouvrir un popup sur un événement survolté avec un contente cliquable

Je travaille actuellement avec un dépliant. Et j'essaie de créer un popup avec un contenu cliquable. Maintenant, j'ai trouvé comment je peux lier les fenêtres popup sur un événement de clic avec du contenu: marker.on('click', function(e){ marker.bindPopup("<div />").openPopup(); } Et j'ai découvert comment créer le popup sur le vol stationnaire: marker.on('mouseover', function(e){ e.target.bindPopup("<div />").openPopup(); }}); […]

Puis-je modifier différentes couches de GeoJSON en utilisant la même fonction de style?

Je suis nouveau dans Leaflet et JavaScript. J'aimerais savoir si oui ou non je peux coder ma carte Brochure de manière plus concise. Ma carte comprend trois couches GeoJSON en trois couleurs différentes. J'ai configuré les couleurs en appelant des fonctions de style séparées pour chaque couche. La fonction "style" revient en bleu, la fonction […]