jcdesign

<p>A way to include an Adaptive Map, based on <a href="http://bradfrostweb.com/blog/post/adaptive-maps/" rel="nofollow ugc">Brad Frost’s Adaptive Maps pattern</a>, without requiring an external JavaScript library.</p>
<p>The basic premise is that we should be using mobile devices’ far better-suited mapping applications rather than attempting to frame maps in our own websites. Users w/ larger screens will get a full map in an iframe.</p>
<p>No styling has been provided, but the link and map are wrapped in <code>div.adaptive-map</code>.</p>
<h3>Credits</h3>
<p>All props to <a href="http://bradfrostweb.com/blog/post/adaptive-maps/" rel="nofollow ugc">Brad Frost</a> who presented the idea quite a while ago.</p>


Vanilla Adaptive Maps

Map any address with a shortcode. Mobile users get a static map; desktop users will see a google map.

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>


Vanilla Adaptive Maps vs Simple Map