goiblas

<p>The Map Block Leaflet is designed to work with the <a href="https://wordpress.org/plugins/gutenberg/" title="Gutenberg Plugin" rel="ugc">Gutenberg editor</a>. It has been created to facilitate, as much as possible, embed maps in the content without the need to include an API key and be able to customize it visually.</p>
<p><strong>Contribute:</strong></p>
<p>This plugin is open source software, and you may actively contribute on <a href="https://github.com/goiblas/leaft-map-block" title="Map Block Leaflet Repository" rel="nofollow ugc">Github</a>.</p>
<h3>Installation & Setup</h3>
<p>Note: This plugin requires WordPress 5 or the Gutenberg plugin active.</p>
<ol>
<li>Upload ‘leaflet-map-block’ to the ‘/wp-content/plugins/’ directory.</li>
<li>Activate the plugin through the ‘Plugins’ menu in WordPress.</li>
<li>Add new block, find it in the category embed.</li>
<li>Search a location and change the option until you get the disdained look.</li>
<li>Publish and enjoy</li>
</ol>


Map Block Leaflet

Works great, looks great; highly recommended.

I wanted to avoid gutenburg in my own plugin, and this plugin seems to work perfectly.

- Author of https://wordpress.org/plugins/leaflet-map/

Fantastic


Simple to use and supported. 



Great plugin to use on your website 💪 when displaying maps with custom multiple markers.



Thank you.


Super easy to use and great support

Embed maps in content without needing to include an API key.

Chandni Patel

Niriksha Patel

<p>Easy to use, WordPress Map plugin based on Open Street Map and Leaflet with custom markers images, descriptions and links. Add maps to your WordPress pages, posts and custom post types quickly and easily.</p>
<p>Display map automatically before or after content, or place the map within the page content using gutenberg block, shortcode or widget.</p>
<p>Choose your own images to display as markers. Decide what happens on marker click, display a popup or open a link.</p>
<h3>Free Version</h3>
<ul>
<li>Display Open Street Maps using Leaflet on your WordPress.</li>
<li>Super easy to use, no coding required.</li>
<li>No API keys required to display maps on your WordPress website.</li>
<li>Interactive map preview.</li>
<li>Search a location to add pin.</li>
<li>Preview all the changes on the fly in admin panel.</li>
<li>Click map to add page markers. Drag markers to the exact location.</li>
<li>Use custom images as map pins to give your map a personalized touch.</li>
<li>Define your height and width and zoom level for the map.</li>
<li>Decide what happens on marker click. Open a popup or redirect to a URL.</li>
<li>Add maps to custom post types.</li>
<li>Responsive maps.</li>
<li>Display multiple maps on a single page.</li>
<li>Display map in the sidebar.</li>
<li>Gutenberg blocks to display map within the content.</li>
<li>Map widget functionality.</li>
<li>Shortcode functionality. </li>
<li>Maps with multiple Marker.</li>
<li>Hooks and filters.</li>
<li>Fullscreen view.</li>
<li>CSV import for multipin map.</li>
<li>Note: Grayscale is not supported in IE apart from IE Edge.</li>
</ul>
<h3>Demos</h3>
<ul>
<li><a href="http://wp-mapit.chandnipatel.in/demos/map-before-content/" rel="nofollow ugc">Map before content.</a></li>
<li><a href="http://wp-mapit.chandnipatel.in/demos/map-after-content/" rel="nofollow ugc">Map after content.</a></li>
<li><a href="http://wp-mapit.chandnipatel.in/demos/custom-map-within-content/" rel="nofollow ugc">Map within content.</a></li>
<li><a href="http://wp-mapit.chandnipatel.in/demos/custom-map-sidebar/" rel="nofollow ugc">Map in the sidebar.</a></li>
<li><a href="http://wp-mapit.chandnipatel.in/demos/map-with-multiple-pins/" rel="nofollow ugc">Map with multiple pins.</a></li>
<li><a href="http://wp-mapit.chandnipatel.in/documentation/hooks-filters/" rel="nofollow ugc">Hooks & Filters.</a></li>
</ul>
<h3>Documentation</h3>
<ul>
<li><a href="http://wp-mapit.chandnipatel.in/documentation/installing-wp-mapit-plugin/" rel="nofollow ugc">Installing WP MapIt plugin.</a></li>
<li><a href="http://wp-mapit.chandnipatel.in/documentation/setting-up-the-plugin/" rel="nofollow ugc">Setting up the plugin.</a></li>
<li><a href="http://wp-mapit.chandnipatel.in/documentation/displaying-map-on-the-page/" rel="nofollow ugc">Displaying map on the page.</a></li>
<li><a href="http://wp-mapit.chandnipatel.in/documentation/creating-a-multi-pin-map/" rel="nofollow ugc">Creating a multipin map.</a></li>
</ul>
<h3>Credits</h3>
<ul>
<li><a href="https://leafletjs.com/" rel="nofollow ugc">Leaflet</a></li>
<li><a href="https://www.openstreetmap.org/" rel="nofollow ugc">Open Street Maps</a></li>
<li><a href="https://github.com/yafred/leaflet-responsive-popup" rel="nofollow ugc">Yet Another Fred</a></li>
<li><a href="https://github.com/elmarquis/Leaflet.GestureHandling" rel="nofollow ugc">elmarquis</a></li>
<li><a href="https://www.linkedin.com/in/vschoerg/" rel="nofollow ugc">Veith Schoergenhummer</a></li>
<li><a href="https://github.com/Leaflet/Leaflet.fullscreen" rel="nofollow ugc">Mapbox – Fullscreen control</a></li>
</ul>


WP MapIt

Easy to use, WordPress Map plugin based on Open Street Map and Leaflet with custom markers images, descriptions and links.

Map Block Leaflet vs WP MapIt