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