GoogleMapAPI/API2 のバックアップの現在との差分(No.1)

バックアップ一覧
差分を表示
ソースを表示
バックアップを表示
GoogleMapAPI/API2 へ行く。
- 1 (2007-06-12 (火) 00:12:05)

追加された行はこの色です。
削除された行はこの色です。

*API1(座標取得) [#vf107c0c]
*API2(座標取得) [#vf107c0c]

RIGHT:更新日&lastmod();

**ポイントした緯度、経度の取得 [#m49e5ed1]

クリックした座標の緯度、経度をTextボックスに表示し、マーカを表示する
  
     <div id="map" style="width: 800px; height: 600px"></div>
     <script type="text/javascript">
     //<![CDATA[
 
     var marker; //グローバル変数
     if (GBrowserIsCompatible()) {
       var map = new GMap2(document.getElementById("map"));
 
       cpoint = new GLatLng(34.560709164214195, 136.65369987487793);
       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;
 //第一パラメータにはマーカが、第２パラメータにはポイントが帰る
 //第一パラメータマーカはクリックされたか否かでマーカークリック時True
           GEvent.addListener(map, 'click', function(marker_x, point) {
              if (point) {//ポイントが有効つまりマーカ上をクリックしないときTrue
                 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" style="ime-mode:disabled;">&nbsp;&nbsp;&nbsp;&nbsp;
     経度：<INPUT TYPE ="TEXT" NAME ="lng" SIZE = "25" style="ime-mode:disabled;">(半角)<BR>
 
 </FORM>