aviket

<p>This is a plugin for locating any place by typing first few letters. The names are searched in operstreetmaps data using nominatim  api<br />
http://nominatim.openstreetmap.org<br />
It uses leaflet.js library for displaying the map.<br />
http://leafletjs.com<br />
You can specify the distance from current map centre within which the place is to be searched. For specifing the distance, a slider is provided<br />
The minimum distance is 100 KM and maximum is 1000 KM, which can be incremented in the steps of 100 KM. For searching, start typing the name (London, Paris, Mumbai etc.)<br />
In the text box at the bottom of the widget. As soon as three or more characters are entered, a suggestion box pops beneth, displaying all the names in openstreetmap data.<br />
When you click on any suggestion, that place is zoomed in the map.<br />
For using the plugin, you have to use shortcode, “[TakeMeThere]” , ie type [TakeMeThere] anywhere in the post or page content.</p>


TakeMeThere

This is a plugin for locating any place by typing first few letters. The names are searched in operstreetmaps data using nominatim  api

pjhooker

<p>Leaflet Map is free software: you can redistribute it and/or modify<br />
it under the terms of the GNU General Public License as published by<br />
the Free Software Foundation, either version 2 of the License, or<br />
any later version.</p>
<p>Leaflet Map is distributed in the hope that it will be useful,<br />
but WITHOUT ANY WARRANTY; without even the implied warranty of<br />
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the<br />
GNU General Public License for more details.</p>
<p>You should have received a copy of the GNU General Public License<br />
along with Leaflet Map.</p>
<p>Add a map generated with <a href="http://leafletjs.com/" rel="nofollow ugc">LeafletJS</a>: an open-source JavaScript library for mobile-friendly interactive maps. Map tiles are provided by default through <a href="https://www.google.com/maps" rel="nofollow ugc">GoogleMaps</a>.</p>
<h4>Maps</h4>
<p>Simply create a <strong>map</strong> with:</p>
<pre><code>[webmap] or `[webmap  wpwebmapsID="9482"]`
</code></pre>
<h4>Developers and curious</h4>
<ul>
<li><a href="https://github.com/pjhooker/wp-web-maps" rel="nofollow ugc">Nightly version of plugin</a></li>
</ul>
<h4>Links</h4>
<ul>
<li><a href="https://github.com/pjhooker/wp-web-maps" rel="nofollow ugc">GitHub repositories</a></li>
<li><a href="https://www.notion.so/cityplanner/WP-Web-Maps-7903b5e4997f4423a0dd288731cca266" rel="nofollow ugc">Documentation</a></li>
<li><a href="https://www.youtube.com/playlist?list=PLc5INoe6kboZPWlcfJ2DCCkLvHI3YvqW5" rel="nofollow ugc">Video tutorial</a></li>
<li><a href="https://t.me/pjhooker" rel="nofollow ugc">Direct free support</a></li>
<li><a href="https://github.com/pjhooker/wp-web-maps/commits/master" rel="nofollow ugc">History</a></li>
<li><a href="https://codepen.io/collection/DaQGVe" rel="nofollow ugc">Test examples</a></li>
</ul>
<h4>More</h4>
<p>In the sidebar of Admin dashboard you can see a new posts type menu called Web Maps.</p>
<p>Here you can add all maps that you want.</p>
<p>In this Web Maps post type, there is a custom field, where you can place a custom JS code like these examples <a href="https://github.com/pjhooker/wp-web-maps/tree/master/example" rel="nofollow ugc">WpWebMaps example code</a>.</p>
<p>For insert any Web Maps in your post, you can add shortcode like this <code>[webmap  wpwebmapsID="9482"]</code>, where the number 9482 is the id of custom post.</p>
<h3>Do you want a customized plugin? Contact me</h3>
<p>Here’s a link <a href="https://t.me/pjhooker" rel="nofollow ugc">Telegram DM</a>.<br />
If you want a customized plugin, just contact me.</p>


WP Web Maps

A plugin for creating a interactive Leaflet JS map with a shortcode.

TakeMeThere vs WP Web Maps