0

何年も前にGoogleMapv2で作成したアプリケーションがあり、特定の初期緯度/経度の地図を表示し、地図上にアイコンを配置しました。このウェブページは、緯度と経度のテキストボックスを備えたフォームでした。このページでは、ユーザーはアイコンを山火事があった実際の場所にドラッグできました。新しい緯度/経度がテキストボックスに配置され、ユーザーはフォームを送信できました。このプロセスに適したv3の代替品は見つかりませんでした。そして今、Googleマップから新しいAPIキーが必要であるというエラーメッセージが表示されます。しかし、5月にv2が機能しなくなる可能性があることも知っています。そこで、このアプリをv3にアップデートしたいと思います。これをどこで見つけることができるかについてのアイデアはありますか？これは古いページの例です http://nfsdata.unl.edu/wildfire/testmap.asp ページはASPで書き込まれます。また、このサーバーではPHPにアクセスできません。ありがとう

4

1 に答える 1

1

これは非常に簡単なアプリケーションです。

v2コード：

<script type="text/javascript">
//<![CDATA[
function load() {
  if (GBrowserIsCompatible()) {
    var map = new GMap2(document.getElementById("map"));
    var center = new GLatLng(41.33,-96.95);
    map.addControl(new GLargeMapControl());
    map.addControl(new GMapTypeControl());      
    map.setCenter(center, 13);
    var marker = new GMarker(center, {draggable: false});
    map.addOverlay(marker);
    GEvent.addListener(map, "click", function(overlay, point) { 
                    if (overlay) { 
                            map.removeOverlay(overlay); 
                    } else { 
                            map.clearOverlays() 
                            map.addOverlay(new GMarker(point)); 
                            document.getElementById("loclats").value = point.lat(); 
                            document.getElementById("loclongs").value = point.lng(); 

                    } 
    }); 


  }
}

//]]>
</script>

v3への簡単な翻訳（テストされていません）：

<script type="text/javascript">
//<![CDATA[
function load() {
    var center = new google.maps.LatLng(41.33,-96.95);
    map = new google.maps.Map(document.getElementById("map"),{
         center:center,
         zoom: 13
    });
   var marker = new google.maps.Marker({
         map: map,
         position:center
    });
google.maps.event.addListener(marker, "click", function() {
         marker.setMap(null);
    }); 
google.maps.event.addListener(map, "click", function(evt) { 
         var point = evt.latLng;
         marker.setPosition(point);
         document.getElementById("loclats").value = point.lat(); 
         document.getElementById("loclongs").value = point.lng(); 
    }); 


  }
}
//]]>
</script>

実例

于 2013-01-10T21:35:52.553 に答える