Leaflet map – WordPress plugin

Posted on by

Integrate dynamic, mobile-optimized maps using LeafletJS, a leading open-source JavaScript library. By default, map imagery is sourced from OpenStreetMap. For enhanced options, you can also utilize MapQuest by providing an application key. Configuration is flexible, manageable either via shortcode parameters directly within your content or through the plugin’s central dashboard settings.

Installation
Install via the WordPress plugins page on your WordPress site: /wp-admin/plugin-install.php (search Leaflet)
General Usage
[leaflet-map address=”Manhattan, New York”]
[leaflet-marker]
The above shortcode will produce a map centered at Manhattan, New York (thanks to geocoding), and also drop a marker in the center.

It’s also useful to add popups to the markers:

[leaflet-map address="Las Vegas"]
[leaflet-marker]Hey! This is where I got married![/leaflet-marker]

You can have SVG markers, add shapes, geojson, kml, images, and more! See available shortcodes below.