Suite

Ajouter un titre au marqueur ou à la forme à l'aide de Leaflet Draw ?


J'essaie de créer un site de cartographie participative où les utilisateurs peuvent dessiner des points, des lignes et des polys à l'aide de Leaflet draw.

Est-il possible de créer une fenêtre pop où les utilisateurs peuvent ajouter un titre ou une description de l'élément qu'ils dessinent -ou- après avoir dessiné, cliquer sur l'élément et ajouter une étiquette ou une description ?


Absolument. J'ai ajouté cette fonctionnalité à une application en créant une fenêtre contextuelle sur la forme lorsque la fonction draw:created a été déclenchée. Voici un aperçu rapide de son fonctionnement.

map.on('draw:created', function (e) { var idIW = L.popup(); var content = 'Nom de la forme


Description de la forme


'; idIW.setContent(contenu); idIW.setLatLng(latlng); //calculé sur la base du e.layertype idIW.openOn(map); } function saveIdIW() { var sName = $('#shapeName').val(); var sDesc = $('#shapeDesc').val(); var dessins = drawItems.getLayers(); //drawnItems est un conteneur pour les objets dessinés drawing[drawings.length - 1].title = sName; dessins[dessins.longueur - 1].content = sDesc; if (idIW) { map.closePopup(); } }

Voici une image de la façon dont il apparaît :