名前 |
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> |
---|