Leaflet plugin extension for markers, polylines, polygons, ... creation & edition.

This demo runs on Leaflet V

geoJson input/output

Note: You need to run on a server supporting PHP & MySQL to be able to save.

Créer une ligne: Cliquer sur le contrôle "Tracer une ligne" puis à l'emplacement du premier sommet...

Ajouter un sommet: Déplacer un marqueur au milieu d'un côté.

Déplacer un sommet: Le déplacer. Les sommets déplacés "collent" aux sommets des autres lignes et prennent exactement leur position.

Supprimer un sommet: Cliquer une fois dessus.

Etendre une ligne: Cliquer sur le contrôle "Tracer une ligne" puis sur l'extrémité à étendre...

Fusionner deux lignes: Joindre une extrémité de chacune.

Supprimer une ligne: Cliquer sur le contrôle "poubelle" puis sur un segment.

Créer un polygone: Cliquer sur le contrôle "polygone" puis à l'emplacement du premier sommet...

Ajouter un sommet: Déplacer un marqueur au milieu d'un côté.

Déplacer un sommet: Le déplacer. Les sommets déplacés "collent" aux sommets des autres massifs et prennent exactement leur position.

Supprimer un sommet: Cliquer une fois dessus.

Supprimer un polygone: Cliquer sur le contrôle "poubelle" puis sur un côté.

Pour une édition plus complexe, vous pouvez transformer vos polygones en lignes brisées:

Couper un polygone: Cliquer une fois sur un marqueur au milieu d'un côté. On obtient une ligne.

Fermer une ligne: Joindre ses deux extrémités. On obtient un polygone.

Importer un fichier GPX, KML geoJson: Cliquer sur le contrôle "Flèche montante".


See the code of this demo here and here

To get a local demo, copy the html source of this page on a local .html file & call it from your brother (no PHP required).

This example run on a server without PHP & SQL services. If you want it to save your data on a database, you need to get the full package from Github.com/Dominique92/Leaflet.draw.plus, unzip & copy it in your own server and run Leaflet.draw.plus/test.

Depends on Leaflet/Leaflet.draw and makinacorpus/Leaflet.Snap

Visit my fully integrated Dominique92/MyLeaflet library