Andrew Taylor

This plugin requires WordPress <code>5.0</code> or greater.
<h3>API Key</h3>
This plugin requires an API key to interact with Google Maps. Without an API key maps will not be displayed.
To obtain an API key follow these steps: 
1. Create a new project in the Google Developer’s console by clicking <a href="https://console.developers.google.com/flows/enableapi?apiid=maps_backend,static_maps_backend,maps_embed_backend&keyType=CLIENT_SIDE&reusekey=true" rel="nofollow ugc">here</a> and selecting Create new project 
1. Name your project 
1. Select HTTP referrers (web sites) for the Key restriction type 
1. Enter the domains where your API key will be used 
 – Example: <code>*.mysite.com</code> 
1. Click the Create button 
1. Write your API key down in a safe place 
1. Enter the API key into the plugin settings 
1. Clear full page caching, if necessary
Note: The API key will be exposed publicly to generate the map. It is important to <a href="https://developers.google.com/maps/documentation/embed/get-api-key#key-restrictions" rel="nofollow ugc">restrict your API key</a> so others do not abuse it. The API key will be used, and displayed, in both the WordPress editor and the front end of the site.
<h3>Use</h3>
Once you have saved an API key into the plugin settings simply enter a location, such as New York, NY, or a full address. You may also choose the map width, height, zoom level and toggle between an interactive map or a static image in the block settings, which are visible in the right-hand sidebar when the block is selected.

Gutenberg Block For Google Maps Embed By Pantheon

This plugin requires WordPress 5.0 or greater.

Mika

Add a map with marker in less than 100 sec:
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/GDoiXO1SfJ0?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>
If you want to get detailed information about the OSM-plugin visit these pages:
<ul>
<li>Homepage: <a href="https://wp-osm-plugin.hyumika.com/" title="OSM-plugin" rel="nofollow ugc">WP-OSM-Plugin</a></li>
<li>Forum: <a href="https://wp-osm-plugin.hyumika.com/survey/" title="OSM-plugin feedback / feature request EN|DE" rel="nofollow ugc">EN|DE</a></li>
<li>Twitter: <a href="https://twitter.com/wp_osm_plugin" title="@WP_OSM_Plugin" rel="nofollow ugc">@WP_OSM_Plugin</a></li>
</ul>
Features of the OSM-plugin:
<ul>
<li>OpenStreetMap, HOT, OpenSeaMap, OpenTopoMap, BaseMap (AT), Stamen in posts/pages</li>
<li>Integration in post / page / widget</li>
<li>HTML Popup Marker</li>
<li>GPX and KML (incl. upload in Mediathek)</li>
<li>Map with geo-tagged posts/pages as linked marker</li>
<li>Map with autogenerated track by geo-tagged posts / pages</li>
<li>html-meta tags for geo-tagged posts/pages</li>
<li>uses OpenLayers Library</li>
<li>SSL connection (https)</li>
</ul>
Languages – thanks to:
<ul>
<li>English</li>
<li>Deutsch</li>
<li>Japanese [by Sykane]</li>
<li>French [by Tounoki and Marc]</li>
<li>Russian [by Вячеслав Стренадко/Vyacheslav Strenadko]</li>
<li>Italian [by Andrea Giacomelli]</li>
<li>Spanish [by Colegota]</li>
<li>Romanian [by Sorin Pop]</li>
<li>
Swedish [by Olle Zettergren]
</li>
<li>
<a href="http://openlayers.org" rel="nofollow ugc">OpenLayers</a>: Open Source JavaScript, released under the 2-clause BSD
</li>
</ul>
!! IMPORTANT !! 
The WordPress Plugin Review Team required us to provide opt-in feature to display attribution since it is part of <a href="https://developer.wordpress.org/plugins/wordpress-org/detailed-plugin-guidelines/#10-plugins-may-not-embed-external-links-or-credits-on-the-public-site-without-explicitly-asking-the-user%e2%80%99s-permission" rel="nofollow ugc">WordPress Plugin Guidelines</a>. So you have to enable the checkbox “Display attribution (credit) in the map.” at the WP OSM Plugin Shortcode generater or add the attribution manually to your map. Otherwise it may violate the map or data license, eg <a href="https://www.openstreetmap.org/copyright" rel="nofollow ugc">OpenStreetMap</a>.
This plugin enables GPX and KML upload!
Licenses of the maps: 
* OpenStreetMap: <a href="https://www.openstreetmap.org/copyright" rel="nofollow ugc">OpenStreetMap License</a> 
* OpenTopoMap: <a href="https://opentopomap.org/about" rel="nofollow ugc">OpenTopoMap License</a> 
* Stamen Maps: <a href="http://maps.stamen.com" rel="nofollow ugc">Stamen License</a> 
* BaseMap: <a href="http://basemap.at" rel="nofollow ugc">BaseMap License</a> 
* Thunderforest (API key): <a href="http://www.thunderforest.com/terms/" rel="nofollow ugc">Thunderforest License</a> 
* Others: Depends on the map you are including – check it before including it!

OSM – OpenStreetMap

Customize maps in your post, pages and widgets. GPX, KML and more. The easy way to map!

Gutenberg Block For Google Maps Embed By Pantheon vs OSM – OpenStreetMap