danielshawellis

<p>This Gutenberg block allows you to embed a fully-customizable Google Map into any page.</p>
<ul>
<li>Use the <a href="https://mapstyle.withgoogle.com/" rel="nofollow ugc">Google’s Map Styling Wizard</a> to fully customize the appearance of your maps.</li>
<li>Use pre-made themes from <a href="https://snazzymaps.com/" rel="nofollow ugc">Snazzy Maps</a>.</li>
<li>Switch between roadmap, satellite, hybrid, and terrain backgrounds.</li>
<li>Display navigational directions from one point to another.</li>
<li>Embed an interactive street view.</li>
<li>Display multiple Google Maps search results.</li>
</ul>


Styled Google Maps Block

A highly-customizable Google Maps block. Supports custom themes, navigational directions, and Google Street View.

Takayuki Miyauchi

<p>Easy way to embed google map(s) using <a href="http://hpneo.github.com/gmaps/" rel="nofollow ugc">gmaps.js</a>.</p>
<p>This plugin allows you to convert address into google maps like below:</p>
<pre><code>[map]San Francisco, California[/map]
</code></pre>
<p>Another way, you can embed Google Map with url only like oEmbed.</p>
<p>You can also use coordinates, set width, height and zoom:</p>
<pre><code>[map lat="37.77493" lng="-122.41942"]
Text you would
like to appear
as a tooltip
goes here
[/map]
</code></pre>
<p>In this case there will be a marker on the map with a tooltip appearing on click on the said marker.<br />
You can use simple html as the tooltip content.</p>
<p><a href="https://github.com/miya0001/simple-map" rel="nofollow ugc">This plugin is maintained on GitHub.</a></p>
<h4>Some features:</h4>
<ul>
<li>Allows you to embed google map based on shortcode.</li>
<li>Markers can be added using address or lat/long.</li>
<li>Displays static map for iPhone automatically.</li>
<li>oEmbed Support.</li>
</ul>
<h4>Arguments</h4>
<ul>
<li>width: Width of the map. Default value is “100%”.</li>
<li>height: Height of the map. Default value is “200px”.</li>
<li>zoom: Zoom of the map. Default value is “16”.</li>
<li>breakpoint: If display is narrower than this value, this plugin will display static map. Default value is “480”.</li>
<li>addr: Address of the map you want to place.</li>
<li>lat: Lat of the map you want to place.</li>
<li>lng: Lng of the map you want to place.</li>
<li>infowindow: If you want to open infoWindow by Default, please set “open”.</li>
<li>map_type_control: True or Flase.</li>
<li>map_type_id: ‘ROADMAP’ or ‘SATELLITE’ or ‘HYBRID’ or ‘TERRAIN’.</li>
</ul>
<p>If you will set lat/lng and address, this plugin gives priority to lat/lng.</p>
<h4>Filter Hooks</h4>
<p>This plugin has some filter hooks for customize default.</p>
<ul>
<li>simplemap_default_width</li>
<li>simplemap_default_height</li>
<li>simplemap_default_zoom</li>
<li>simplemap_default_breakpoint</li>
<li>
<p>simplemap_default_infowindow</p>
<p>add_filter( ‘simplemap_default_zoom’, function(){<br />
    return 10; // Default zoom is 10<br />
} );</p>
</li>
</ul>
<h4>Translators</h4>
<ul>
<li>Japanese(ja) – <a href="http://firegoby.jp/" rel="nofollow ugc">Takayuki Miyauchi</a></li>
</ul>
<p>Please contact me.</p>
<ul>
<li>https://github.com/miya0001/simple-map/issues</li>
</ul>
<h4>Contributors</h4>
<ul>
<li><a href="http://firegoby.jp/" rel="nofollow ugc">Takayuki Miyauchi</a></li>
<li><a href="http://birdcreation.com/" rel="nofollow ugc">Zoltán Balogh</a></li>
<li><a href="https://github.com/tknv" rel="nofollow ugc">Takanobu Watanabe</a></li>
<li><a href="http://th-daily.shinichi.me/" rel="nofollow ugc">Shinichi Nishikawa</a></li>
<li><a href="http://www.nissuk.info/" rel="nofollow ugc">nissuk</a></li>
</ul>
<h3>Credits</h3>
<p>This plugin is not guaranteed though the user of WordPress can freely use this plugin free of charge regardless of the purpose.<br />
The author must acknowledge the thing that the operation guarantee and the support in this plugin use are not done at all beforehand.</p>
<h3>Contact</h3>
<p>twitter @miya0001</p>


Styled Google Maps Block vs Simple Map