imbaa

Ilja Zaglov

The responsive Goolge Maps Plug-In brings Responsive <a href="https://developers.google.com/maps/?hl=de" title="Google Maps API" rel="nofollow ugc">Google Maps API</a> via the Google Maps API to your site. 
When the browser-window is resized, the Plug-In automatically recenters the map view to the desired coordinates. You can activate and deactivate map control elements, set the height and the type of map (road, satellite).
And that’s pretty much it.
How to use
The Plug-In requires at leas two values to work: the latitude and the longitude of the location to display
[responsive_map lat=”51.44303″ lng=”7.01247″]
If you need to use the Shortcode inside a theme, just use <code><?php do_shortcode('[responsive_map lat="51.44303" lng="7.01247"]') ?></code>.
See it in action on <a href="http://www.imbaa.de" title="imbaa Kreativagentur Essen" rel="nofollow ugc">imbaa Kreativagentur</a>‘s site.
Infowindow
Version 1.1.1 of Responsive Google Maps is capable of displaying infowindows on the markers location. 
To enable an infowindow simply put your infowindow text inside the [responsive_map] Tag.
You can use HTML if you like.
[responsive_map lat=”51.44″ lng=”7.01″]Infotext goes here[/responsive_map]
Possible other Parameters:
<ul>
<li>lng: 51.44 / Longitude</li>
<li>lat: 7.01 / Latitude</li>
<li>height = 400px / Height of the Container of the Map</li>
<li>zoom = 10 / Zoom Level of the Map</li>
<li>show_marker = true / Should a marker be displayed?</li>
<li>title = null / Title of the Marker</li>
<li>zoom_control = true / Enable or disable Zoom-Conrol</li>
<li>pan_control = true / Enable or disable Pan-Conrol</li>
<li>map_type_control = true / Enable or disable Map-Type-Conrol</li>
<li>scale_control = true / Enable or disable Scale Control</li>
<li>street_view_control = true / Enable or disable Street View</li>
<li>overview_map_control = true / Enable or disable Map Control</li>
<li>map_type (str) = road / Set Map Typ to Road („road“) or satellite („sattelite“)</li>
<li>scrollwheel = true / Enable or disable zooming via scrollwheel</li>
<li>draggable = false / Enable or disable draggable map. On touchscreen devices dragging is disabled</li>
<li>auto_open_info_window = false / Open info-window automatically, when map is loaded</li>
</ul>
Coming up next:
Custom marker images

Responsive Google Maps | by imbaa

This Plug-In displays responsive and configurable Maps by Google Maps in your WordPress Site.

Paolo

Stiofan

Retroactively add Google Maps API KEY to any theme or plugin.
Simply activate, go to Settings>Google API KEY and enter your key. 
The plugin will then attempt to add this key to all the places it is needed on the front of your website. 
NOTE: this will only work if the Google API has been added as per WordPress standards)
Since January 2023 Google Maps JavaScript API requires callback parameter. This plugin also fixes JavaScript Error: <a href="https://developers.google.com/maps/documentation/javascript/url-params#required_parameters" rel="nofollow ugc">Loading the Google Maps JavaScript API without a callback is not supported</a>.
The plugin was created by the GeoDirectory team: <a href="https://wpgeodirectory.com" rel="nofollow ugc">https://wpgeodirectory.com</a>

API KEY for Google Maps

This was extremely easy to use and is a much better alternative than trying to work with a theme author to add a Google Maps API Key option to their theme. This plugin gives you a link to setup your new API key. Once configured, simply copy, paste, and save.

Extremely Fast and Easy

Retroactively add Google Maps API KEY to any theme or plugin.

Responsive Google Maps | by imbaa vs API KEY for Google Maps