aviket

MapTip is a jquery tooltip plugin. It is used to display map of a city or place, when mouse is hovered over the city name. It very easy to use. 
The basic tooltip facility is borrowed from tooltipster wordpress plugin. 
Link to the Tooltipster Jquery Library: http://iamceege.github.io/tooltipster/ 
URL for Tooltipster plugin: https://wordpress.org/plugins/tooltipster/
it has 10+ features in the base tooltipster plugin. 
example animation, position, title, text, image, speed, delay,icon ,theme, trigger etc.
After installing the plugin, you have to enclose the city name within opening and closing shortcodes like below: 
[MapTip]Mumbai[/MapTip] 
[MapTip]Jakarta[/MapTip] is capital of indonesia. 
We were travelling from [MapTip]New Delhi[/MapTip] to [MapTip]Kolkata[/MapTip]
The plugin refers to Overpass api for finding latitude and longitude from the place name.(http://overpass-api.de/) 
You can find more about Overpass API (formerly known as OSM Server Side Scripting) at : http://wiki.openstreetmap.org/wiki/Overpass_API 
If the place name is misspelled or it doesn’t exist in openstreetmap database, the tooltip shows 
the message “Map Not Found”. 
You can use animation values ‘fade’, ‘grow’, ‘swing’, ‘slide’, ‘fall’ 
You can override default theme (i.e colors, borders and general appearance). 
There are four themes available “tooltipster-light” , “tooltipster-noir” , “tooltipster-punk” and “tooltipster-shadow” 
There are other options available like delay, animationduration etc. 
For using them, you have to pass them as arguments to the shortcode like: 
[MapTip animation=”swing”]Mumbai[/MapTip] is capital of Maharashtra
[MapTip theme=”tooltipster-noir”]Pune[/MapTip] is the second most big city of Maharashtra
[MapTip animation=”grow”]new delhi[/MapTip] is capital of India
[MapTip]Chiplun[/MapTip] is a place in konkan region.
The map shown in the tooltip has some default zoom factor. You can override the zoom factor by specifying 
it in the shortcode.
[MapTip zoom=”10″]Chiplun[/MapTip] is a place in konkan region.
My friend stays in[MapTip]London[/MapTip].
For getting the map images, Mapquest staticmap api is used. 
For more information about staticmap refer: http://www.mapquestapi.com/staticmap/ 
Both openstreetmap and MapQuest have “Fair Usage Policy” in place , so if 
there are too many requests from a single IP, that IP is temporarily blocked. 
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/Nk2k4dyMmmE?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
Known issues: 
If there are multiple places with the same name, all the records are returned by the API and 
the first one is selected for displaying the map tip. So, you may not see the map of the place you intend to see.

MapTip

MapTip is a jquery tooltip plugin. It is used to display map of a city or place, when mouse is hovered over the city name. It very easy to use.

Md Rukon Shekh

Tooltipster is a jquery tooltip plugin. you can use it very easy . you can add custom image , text , title. 
it has 10+ features . 
example animation, position, title, text, image, speed, delay,icon ,theme, trigger etc.
How to Use
to Use Cteate a shortcode in your post like that
<h4>simple Activation</h4>
<pre>
[tooltip text="Your Tooltip text here"]
 Tooltip
[/tooltip]
</pre>
Add content with title, position
<pre>
[tooltip title="Helo World" position="top" text="Welcome to WordPress. This is your first post. Edit or delete it, then start blogging! This is an tooltips This is an tooltips"]This is an tooltips[/tooltip]
</pre>
More Options
<pre>
[tooltip title="Helo World" trigger='click' position="top" image="http://s27.postimg.org/4by9zrilr/logo.jpg" theme="tooltipster-light" text="Welcome to WordPress. This is your first post. Edit or delete it, then start blogging! This is an tooltips This is an tooltips"]
 This is an tooltips
[/tooltip]
</pre>

Tooltipster

Tooltipster is a jquery tooltip plugin. you can use it very easy . you can add custom image , text , title.

MapTip vs Tooltipster