A flexible plugin that adds basic shortcodes for creating multiple Leaflet maps and adding multiple markers to those maps.
Add a map generated with leaflet JS: a mobile friendly map application. Map tiles are provided by default through MapQuest. Can be set per map with shortcode attributes or through the dashboard settings.
Some shortcode attributes:
Height, width, latitude, longitude and zoom are the basic attributes:
[leaflet-map height=250 width=250 lat=44.67 lng=-63.61 zoom=5]
However, you can also just give it an address, and Google will look it up for you:
[leaflet-map address="Oslo, Norway"]
The zoom buttons can be large and annoying. Enabled or disable per map in shortcode:
Add a marker to any map by adding
[leaflet-marker] after any
[leaflet-map] shortcode. You can adjust the lat/lng in the same way, as well as some other basic functionality (popup message, draggable, visible on load). Also, if you want to add a link to a marker popup, use
[leaflet-marker]Message here: click here[/leaflet-marker] and add a link like you normally would with the WordPress editor.
Add a line to the map by adding
[leaflet-line]. You can specify the postions with a list separated by semi-colon
; or bar
| using lat/lng:
[leaflet-line latlngs="41, 29; 44, 18"] or addresses:
[leaflet-line addresses="Istanbul; Sarajevo"], or x/y coordinates for image maps.
Alternatively, you could use a plain image for visitors to zoom and pan around with
[leaflet-image source="path/to/image/file.jpg"]. See screenshots 3 - 5 for help setting that up.
Check out the source code on GitHub!
Requires: 3.0.1 or higher
Compatible up to: 4.3.1
Last Updated: 2 weeks ago
Active Installs: 500+
0 of 1 support threads in the last two months have been resolved.
Got something to say? Need help?