Easy way to embed google map(s) using gmaps.js.

This plugin allows you to convert address into google maps like below:

[map]San Francisco, California[/map]

Another way, you can embed Google Map with url only like oEmbed.

You can also use coordinates, set width, height and zoom:

[map lat="37.77493" lng="-122.41942"]
Text you would
like to appear
as a tooltip
goes here
[/map]

In this case there will be a marker on the map with a tooltip appearing on click on said marker. You can use simple html as the tooltip content.

This plugin maintained on GitHub.

Some features:

• Allow you to embed google map based on shortcode.
• Markers can be added using address or lat/long.
• Display static map for iPhone automatically.
• oEmbed Support.

Arguments

• width: Width of the map. Default value is "100%".
• height: Height of the map. Default value is "200px".
• zoom: Zoom of the map. Default value is "16".
• breakpoint: If display is narrower than this value, this plugin will display static map. Default value is "480".
• addr: Address of the map you want to place.
• lat: Lat of the map you want to place.
• lng: Lng of the map you want to place.
• infowindow: If you want to open infoWindow by Default, please set "open".

If you will set lat/lng and address, this plugin give priority to lat/lng.

Filter Hooks

This plugin has some filter hooks for customize default.

• simplemap_default_width
• simplemap_default_height
• simplemap_default_zoom
• simplemap_default_breakpoint
• simplemap_default_infowindow

add_filter( 'simplemap_default_zoom', function(){
    return 10; // Default zoom is 10
} );

Translators

• Japanese(ja) - Takayuki Miyauchi

Please contact to me.

• https://github.com/miya0001/simple-map/issues

Contributors

• Takayuki Miyauchi
• Zoltán Balogh
• Takanobu Watanabe
• Shinichi Nishikawa