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.

supsystic

<h4>WordPress Easy Google Maps</h4>
<ul>
<li><a href="https://supsystic.com/plugins/google-maps-plugin?utm_source=wordpress&utm_medium=description&utm_campaign=maps" title="WordPress Easy Google Maps" rel="nofollow ugc">WordPress Easy Google Maps</a></li>
<li><a href="https://supsystic.com/plugins/google-maps-plugin/#faq" title="How to use Easy Google Maps" rel="nofollow ugc">How to use Easy Google Maps</a></li>
<li><a href="https://supsystic.com/plugins/google-maps-plugin?utm_source=wordpress&utm_medium=description&utm_campaign=maps" title="WordPress Easy Google Maps" rel="nofollow ugc">Easy Google Maps Demo</a></li>
</ul>
Create <a href="https://supsystic.com/plugins/google-maps-plugin?utm_source=wordpress&utm_medium=description&utm_campaign=maps" title="Easy Google Maps WordPress plugin" rel="nofollow ugc">Easy Google Maps</a> in a minute with Easy Google Maps WordPress plugin. Google Map markers with any media: video, images, links, text descriptions. Add google map with shortcode, open it in a popup or use google map widget. An ultimate solution to display google map on the contact page, routes, real estates, delivery areas and more.
<h4>Easy Google Maps Plugin Features</h4>
<ul>
<li><a href="https://supsystic.com/feature/unlimited-maps-and-markers?utm_source=wordpress&utm_medium=Unlimitedmarkers&utm_campaign=maps" title="Unlimited Number of Map Markers" rel="nofollow ugc">Unlimited number</a> of map markers and locations</li>
<li>Map <a href="https://supsystic.com/marker-description-example?utm_source=wordpress&utm_medium=MarkerDescription&utm_campaign=maps" title="Google Maps Marker Description" rel="nofollow ugc">Markers with media description</a>. Text, images, video, email, phone</li>
<li><a href="https://supsystic.com/feature/fully-responsive-google-maps?utm_source=wordpress&utm_medium=fully-responsive&utm_campaign=maps" title="Fully Responsive Google Maps" rel="nofollow ugc">Fully responsive</a></li>
<li>100% customizable. All google map and markers options can be modified</li>
<li><a href="https://supsystic.com/documentation/add-map-site-content?utm_source=wordpress&utm_medium=add-map-site&utm_campaign=maps" title="Add Google Map to the website" rel="nofollow ugc">Add map with shortcode or PHP code</a></li>
<li><a href="https://supsystic.com/documentation/google-map-export-import?utm_source=wordpress&utm_medium=export-importe&utm_campaign=maps" title="Import and Export" rel="nofollow ugc">Google Maps and Markers Import and Export</a></li>
<li><a href="https://supsystic.com/example/google-map-social-share-buttons?utm_source=wordpress&utm_medium=social-share-buttons&utm_campaign=maps" title="Social Share Buttons" rel="nofollow ugc">Map with Social Share Buttons</a></li>
<li><a href="https://supsystic.com/example/alternate-routes-detailed?utm_source=wordpress&utm_medium=alternate-routes&utm_campaign=maps" title="Alternate routes" rel="nofollow ugc">Alternate routes and route steps</a></li>
<li>Map with <a href="https://supsystic.com/exposition-slider-example?utm_source=wordpress&utm_medium=exposition-slider&utm_campaign=maps" title="Exposition slider" rel="nofollow ugc">Exposition slider</a> and <a href="https://supsystic.com/example/table-view?utm_source=wordpress&utm_medium=table-view&utm_campaign=maps" title="Table view of markers" rel="nofollow ugc">Table view of markers</a></li>
<li>Map with <a href="https://supsystic.com/example/horizontal-slider-example/" title="Horizontal Slider" rel="nofollow ugc">Horizontal</a> and <a href="https://supsystic.com/example/vertical-slider-example" title="slider Vertical" rel="nofollow ugc">Vertical slider</a></li>
<li>Map with <a href="https://supsystic.com/example/horizontal-description-slider?utm_source=wordpress&utm_medium=horizontal-description-slider&utm_campaign=maps" title="Horizontal Description Slider" rel="nofollow ugc">Horizontal</a> and <a href="https://supsystic.com/example/vertical-description-slider?utm_source=wordpress&utm_medium=vertical-description-slider&utm_campaign=maps" title="Vertical Description Slider" rel="nofollow ugc">Vertical Description Slider</a>table-view</li>
<li><a href="https://supsystic.com/feature/kml-import-feature?utm_source=wordpress&utm_medium=kml-import-feature&utm_campaign=maps" title="KML filter" rel="nofollow ugc">KML layers, import and filters</a></li>
<li><a href="https://supsystic.com/feature/different-layers?utm_source=wordpress&utm_medium=different-layers&utm_campaign=maps" title="Layers" rel="nofollow ugc">Traffic, Transit and Bicycling Layers</a></li>
<li><a href="https://supsystic.com/feature/heatmap?utm_source=wordpress&utm_medium=heatmap&utm_campaign=maps" title="Heatmap" rel="nofollow ugc">Heatmap Layer</a></li>
<li><a href="https://supsystic.com/feature/markers-front-end-editing?utm_source=wordpress&utm_medium=markers-front-end-editing&utm_campaign=maps" title="Front-end markers editing" rel="nofollow ugc">Front-end map and markers editing</a></li>
<li><a href="https://supsystic.com/feature/clusterization?utm_source=wordpress&utm_medium=clusterization&utm_campaign=maps" title="Google Maps Clusterization" rel="nofollow ugc">Map Markers and Locations groups (clusterization)</a></li>
<li><a href="https://supsystic.com/feature/figures-feature?utm_source=wordpress&utm_medium=figures-feature&utm_campaign=maps" title="Draw Figures and Paths on the Map" rel="nofollow ugc">Draw figures and paths on the map</a></li>
<li><a href="https://supsystic.com/feature/different-map-styles?utm_source=wordpress&utm_medium=different-map-styles&utm_campaign=maps" title="Map style" rel="nofollow ugc">Map style custom themes</a></li>
</ul>
More <a href="https://supsystic.com/google-maps-easy-usage-examples?utm_source=wordpress&utm_medium=examples&utm_campaign=maps" title="Google Maps Examples" rel="nofollow ugc">Google Maps Examples</a>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/Ej8EtuLcLZk?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>
<a href="https://supsystic.com/plugins/google-maps-plugin?utm_source=wordpress&utm_medium=description&utm_campaign=maps" title="Easy Google Maps" rel="nofollow ugc">Easy Google Maps</a> plugin is an excellent way to make a beautiful map on your website and to help your clients in discovering your location on the google map. For example, if you are an owner of a restaurant, you will have much more possibilities of attracting visitors by using this plugin. The Google map allows you not only to mark the place of your business location but also to show people its coloured pictures. You can attach photos and videos to the google map marker description and make your potential visitors to feel the atmosphere inside your restaurant, shop or another place of interest.
Google Maps for WordPress are very useful these days usually in contact forms which showcase the correct location of the business or a place of interest. <a href="https://supsystic.com/plugins/google-maps-plugin?utm_source=wordpress&utm_medium=description&utm_campaign=maps" title="Easy Google Maps" rel="nofollow ugc">Google Map by Supsystic</a> plugin require only location input to mark the point accurately as it will auto-fetch the live map details from Google map. Marking different locations on the Google map can be done easily with the google map marker options the plugin provides and that too with colourful icons for interaction on the google map.
<h4>Easy Google Maps Plugin Support</h4>
If you have any problem or feature request for the <a href="https://supsystic.com/plugins/google-maps-plugin?utm_source=wordpress&utm_medium=description&utm_campaign=maps" title="Easy Google Maps" rel="nofollow ugc">Easy Google Maps by Supsystic</a>, please <a href="https://supsystic.com/contact-us/?utm_source=wordpress&utm_medium=contact-us&utm_campaign=maps" title="Contact Us" rel="nofollow ugc">let us know</a>!
<h4>Ultimate Maps Plugin by Supsystic</h4>
If you are looking for Google Maps alternative, here is a solution – try our Ultimate Maps Plugin. <a href="https://supsystic.com/plugins/ultimate-maps/?utm_source=wordpress&utm_medium=description&utm_campaign=ultimate-maps" title="Ultimate Maps WordPress plugin by Supsystic" rel="nofollow ugc">Supsystic Ultimate Maps plugin</a> was developed after the changes in Google maps pricing policy.
Plugin includes: 
* Bing maps 
* OpenStreetMap or OSM 
* Leaflet maps 
* Mapbox 
* Thunderforest
<a href="https://wordpress.org/plugins/ultimate-maps-by-supsystic" title="Ultimate Maps by Supsystic" rel="ugc">Ultimate Maps by Supsystic</a> provides all the nessesary functions and features such as:
<ul>
<li><a href="https://supsystic.com/example/marker-description?utm_source=wordpress&utm_medium=Unlimitedmarkers&utm_campaign=ultimate-maps" title="Unlimited Number of Map Markers" rel="nofollow ugc">Unlimited markers</a> with description, links, images, videos and more</li>
<li><a href="https://supsystic.com/documentation/markers-categories?utm_source=wordpress&utm_medium=Markerscategories&utm_campaign=ultimate-maps" title="Markers categories" rel="nofollow ugc">Markers categories</a></li>
<li>Fully responsive</li>
<li><a href="https://supsystic.com/documentation/ultimate_maps_properties_settings?utm_source=wordpress&utm_medium=PropertiesCustomizing&utm_campaign=ultimate-maps" title="Maps Properties Customizing" rel="nofollow ugc">100% customizable</a></li>
<li>Maps and Markers <a href="https://supsystic.com/documentation/ultimate_maps_export-import?utm_source=wordpress&utm_medium=export-import&utm_campaign=ultimate-maps" title="Import and Export" rel="nofollow ugc">Import and Export</a></li>
<li><a href="https://supsystic.com/example/exposition-slider?utm_source=wordpress&utm_medium=exposition-slider&utm_campaign=ultimate-maps" title="Exposition slider" rel="nofollow ugc">Map with Exposition slider</a></li>
<li><a href="https://supsystic.com/example/kml-layer?utm_source=wordpress&utm_medium=kml-layer&utm_campaign=ultimate-maps" title="KML layer" rel="nofollow ugc">KML layers Import and </a></li>
<li><a href="https://supsystic.com/example/clustering?utm_source=wordpress&utm_medium=clustering&utm_campaign=ultimate-maps" title="Ultimate Maps Clustering" rel="nofollow ugc">Map Markers Clustering</a></li>
<li><a href="https://supsystic.com/example/linked-markers?utm_source=wordpress&utm_medium=linked-markers&utm_campaign=ultimate-maps" title="Map Stylization" rel="nofollow ugc">Maps Themes and Styles</a></li>
<li><a href="https://supsystic.com/example/horizontal-slider-ultimate-maps?utm_source=wordpress&utm_medium=horizontal-slider&utm_campaign=ultimate-maps" title="Horizontale Slider" rel="nofollow ugc">Ultimate Maps markers with slider mode</a></li>
<li><a href="https://supsystic.com/example/ultimate-maps-shape/?utm_source=wordpress&utm_medium=Shapesexample&utm_campaign=ultimate-maps" title="Shapes on the Map" rel="nofollow ugc">Shapes</a></li>
<li><a href="https://supsystic.com/documentation/maps-static-api?utm_source=wordpress&utm_medium=static-api&utm_campaign=ultimate-maps" title="Maps Static API" rel="nofollow ugc">Maps Static API</a></li>
<li><a href="https://supsystic.com/example/linked-markers?utm_source=wordpress&utm_medium=linked-markers&utm_campaign=ultimate-maps" title="Linked markers" rel="nofollow ugc">Linked markers</a> and other</li>
<li>More <a href="https://supsystic.com/ultimate-maps-examples?utm_source=wordpress&utm_medium=examples&utm_campaign=ultimate-maps" title="Ultimate Maps Exampes" rel="nofollow ugc">Ultimate Maps Exampes</a></li>
</ul>
<h4>Translations in your language</h4>
You have an incredible opportunity to get PRO version for free. Just Make Translation of the Easy Google Maps by Supsystic plugin! It will be amazing if you take advantage of this offer! Available Translations:
<ul>
<li>English</li>
<li>Albanian</li>
<li>Bulgarian</li>
<li>Chinese (Taiwan)</li>
<li>Danish</li>
<li>Dutch</li>
<li>French</li>
<li>German</li>
<li>Italiano</li>
<li>Norwegian (Bokmål)</li>
<li>Persian</li>
<li>Polish</li>
<li>Portuguese (Portugal)</li>
<li>Russian</li>
<li>Spanish</li>
</ul>
<h4>Our plugins</h4>
<ul>
<li><a href="https://wordpress.org/plugins/gallery-by-supsystic/" title="Photo Gallery by Supsystic" rel="ugc">Photo Gallery by Supsystic</a></li>
<li><a href="https://wordpress.org/plugins/pricing-table-by-supsystic/" title="Pricing Table by Supsystic" rel="ugc">Pricing Table by Supsystic</a></li>
<li><a href="https://wordpress.org/plugins/ultimate-maps-by-supsystic/" title="Ultimate Maps by Supsystic" rel="ugc">Ultimate Maps by Supsystic</a></li>
<li><a href="https://wordpress.org/plugins/contact-form-by-supsystic/" title="Contact Form by Supsystic" rel="ugc">Contact Form by Supsystic</a></li>
<li><a href="https://wordpress.org/plugins/data-tables-generator-by-supsystic/" title="Data Tables Generator by Supsystic" rel="ugc">Data Tables Generator by Supsystic</a></li>
<li><a href="https://wordpress.org/plugins/slider-by-supsystic/" title="Slider by Supsystic" rel="ugc">Slider by Supsystic</a></li>
<li><a href="https://wordpress.org/plugins/social-share-buttons-by-supsystic/" title="Social Share Buttons by Supsystic" rel="ugc">Social Share Buttons by Supsystic</a></li>
<li><a href="https://wordpress.org/plugins/coming-soon-by-supsystic/" title="Coming Soon by Supsystic" rel="ugc">Coming Soon by Supsystic</a></li>
<li><a href="https://wordpress.org/plugins/popup-by-supsystic/" title="PopUp by Supsystic" rel="ugc">PopUp by Supsystic</a></li>
<li><a href="https://wordpress.org/plugins/digital-publications-by-supsystic/" title="Digital Publications by Supsystic" rel="ugc">Digital Publications by Supsystic</a></li>
<li><a href="https://wordpress.org/plugins/live-chat-by-supsystic/" title="Live Chat by Supsystic" rel="ugc">Live Chat by Supsystic</a></li>
</ul>

Easy Google Maps


It you want to create a map with a few FIXED (aka STATIC) markers (and categorisation) then this looks like it would do the job very well.



If you want to dynamically add markers in PHP or automatically add markers from images with GPS info (attached or not) then I have a pending query as to whether this is possible (see: supsystic.com/topic/can-you-add-attached-images-with-gps-or-specifiy-markers-in-shorcode/).


Very few Shortcode Examples - so unsure of capabilities

Google Maps with markers, locations and clusterization, KML layers and filters. Custom Google map markers with text, images, videos, links.

Responsive Google Maps | by imbaa vs Easy Google Maps