JavaScript
GoogleMaps

さくっとGoogleMapsを表示する(IFRAME版)

More than 1 year has passed since last update.

data属性に住所や位置情報、ランドマークを入れるだけで

さくっとGoogleMaps(IFRAME版)を表示するJSです。

※一部jQuery使ってます

地図の色変更やアイコン設定ができるAPIv3版はこちら


使用例


使用例

<script type="text/javascript" src="gmaps_lite.js"></script>

<script>
$(function(){
gmaps_lite($("[data-address]"));
});
</script>
<div class="map-canvas" data-address="東京スカイツリー"></div>
<div class="map-canvas" data-address="35.667480, 139.727275"></div>
<div class="map-canvas" data-address="スターバックス 福岡市中央区大名2丁目4-22"></div>

<style type="text/css">
.map-canvas {
margin: 10px;
height: 200px;
width: 600px;
}
</style>



実行結果

example.png

example.html


ダウンロード

github