Create and Plot Encoded PolyLine on Map

Use the page to plot an encoded polyline on a map. You can also create your own polyline to produce an encoded polyline string of text.

Encoded PolyLine Map

Loading Map

+−

OSM

Satellite

Labels

Leaflet | Map data © OpenStreetMap contributors, CC-BY-SA, Imagery © Mapbox, © OpenStreetMap contributors

Options

How To Use

Plot Encoded Polyline

1. Paste the encoded polyline text in to the textbox above the map
2. Click Plot
3. The polyline is then plotted on the map
4. You are able to edit the polyline to create a new encoded output

Create an Encoded Polyline

1. Click on the map to draw a polyline
2. As you add more points, the textbox below the map will display the encoded polyline
3. You can copy the text in the textbox below the map

Future Ideas and Features

• Add export to KML/KMZ
• Allow multiple polylines to be plotted
• Allow a parameter in the URL to load an encoded polyline when the page loads. Can be used for sharing a link easily

Version History

• 11th February 2020 : V1 : Initial Version

References

• Leaflet : https://leafletjs.com/
• Leaflet.Editable : http://leaflet.github.io/Leaflet.Editable/
• Encoded Polyline Algorithm Format : https://developers.google.com/maps/documentation/utilities/polylinealgorithm