GoogleMapAPI/API2
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
]
開始行:
*API2(座標取得) [#vf107c0c]
RIGHT:更新日&lastmod();
**ポイントした緯度、経度の取得 [#m49e5ed1]
クリックした座標の緯度、経度をTextボックスに表示し、マー...
<div id="map" style="width: 800px; height: 600px"></...
<script type="text/javascript">
//<![CDATA[
var marker; //グローバル変数
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
cpoint = new GLatLng(34.560709164214195, 136.65369...
map.setCenter(cpoint, 14);
marker = new GMarker(cpoint);
marker = show_info(marker);
map.addOverlay(marker);
marker.openInfoWindowHtml(pophtml);
}
//マーカにマウスが来たら吹き出し表示
function show_info(marker_z){
var l_marker = marker_z;
//第一パラメータにはマーカが、第２パラメータにはポイント...
//第一パラメータマーカはクリックされたか否かでマーカーク...
GEvent.addListener(map, 'click', function(mark...
if (point) {//ポイントが有効つまりマーカ上...
map.removeOverlay(marker);
var l_marker = new GMarker(point);
map.addOverlay(l_marker);
l_marker.openInfoWindowHtml(pophtml);
document.f.lat.value = point.y;
document.f.lng.value = point.x;
marker = l_marker; // markerはグローバ...
}
});
return l_marker;
}
//]]>
</script>
<FORM NAME ="f">
緯度：<INPUT TYPE ="TEXT" NAME ="lat" SIZE = "25" st...
経度：<INPUT TYPE ="TEXT" NAME ="lng" SIZE = "25" st...
</FORM>
終了行:
*API2(座標取得) [#vf107c0c]
RIGHT:更新日&lastmod();
**ポイントした緯度、経度の取得 [#m49e5ed1]
クリックした座標の緯度、経度をTextボックスに表示し、マー...
<div id="map" style="width: 800px; height: 600px"></...
<script type="text/javascript">
//<![CDATA[
var marker; //グローバル変数
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
cpoint = new GLatLng(34.560709164214195, 136.65369...
map.setCenter(cpoint, 14);
marker = new GMarker(cpoint);
marker = show_info(marker);
map.addOverlay(marker);
marker.openInfoWindowHtml(pophtml);
}
//マーカにマウスが来たら吹き出し表示
function show_info(marker_z){
var l_marker = marker_z;
//第一パラメータにはマーカが、第２パラメータにはポイント...
//第一パラメータマーカはクリックされたか否かでマーカーク...
GEvent.addListener(map, 'click', function(mark...
if (point) {//ポイントが有効つまりマーカ上...
map.removeOverlay(marker);
var l_marker = new GMarker(point);
map.addOverlay(l_marker);
l_marker.openInfoWindowHtml(pophtml);
document.f.lat.value = point.y;
document.f.lng.value = point.x;
marker = l_marker; // markerはグローバ...
}
});
return l_marker;
}
//]]>
</script>
<FORM NAME ="f">
緯度：<INPUT TYPE ="TEXT" NAME ="lat" SIZE = "25" st...
経度：<INPUT TYPE ="TEXT" NAME ="lng" SIZE = "25" st...
</FORM>
ページ名:
![[PukiWiki]](image/../localimages/Atom.gif "[PukiWiki]")
