Google地図

名前

GOOGLEMAP01

パーツバージョン

1.0.0~1.0.2

GCバージョン

1.1.0~

パーツアイコン

要旨

Google地図を表示するパーツです。

入出力仕様

元コンテンツのHTML領域は選択しません。

オプション

緯度(必須)

地図表示する地点の緯度を入力します。

※緯度・経度は、緯度経度検索サイトなどを利用してください。

参考:Geocoding http://www.geocoding.jp/

経度(必須)

地図表示する地点の経度を入力します。

幅(必須)

地図の表示幅入力します。

幅の単位(必須)

以下の2種類から選択します。

► ピクセル(px)

► パーセント(%)

高さ(必須)

地図の表示高を入力します。

高さの単位(必須)

以下の2種類から選択します。

► ピクセル(px)

► パーセント(%)

ビューの種類

シンプル表示

オプションで指定された幅・高さでGoogle地図を表示します。

ビュー編集

なし

プリプロセス

なし

関連CSSセレクタ

なし

対応jQueryバージョン

なし

使用jQueryプラグイン

なし

サンプル

出力HTML(例)

            <script src="http://maps.google.com/maps/api/js? sensor=false" type="text/javascript">
            </script>
            <script type="text/javascript">var tlat = 35.667718, tlong = 139.686066;
             google.maps.event.addDomListener(window, 'load',
               function() {
                var latlng = new google.maps.LatLng(tlat, tlong);
                var myOptions = {
                 zoom : 15,
                 center : latlng,
                 mapTypeId : google.maps.MapTypeId.ROADMAP
                };
                var map = new google.maps.Map(document.getElementById("map"),
                  myOptions);
                var marker = new google.maps.Marker({
                 position : latlng,
                 map : map
                });
                map.setCenter(latlng);
               });
            </script><div id="map" style="width:320px; height:200px"></div>