Google地圖 - 將v2轉換爲v3 -drag圖標並檢索經緯度

Question

我有一個應用程序，我多年前在Google Map v2中編寫過一個應用程序，該應用程序顯示了來自給定初始緯度/經度的地圖，並在地圖上放置了一個圖標。這個網頁是一個帶有經緯度文本框的表單。該頁面允許用戶將圖標拖放到野火所在的實際位置。新的經緯度放在文本框中，用戶可以提交表格。在這個過程中，我還沒有在v3中找到合適的替代品。現在，我收到一條錯誤消息，說明Google地圖需要新的API密鑰。但我也知道，在五月份，v2可能不再有效。所以我想將這個應用更新到v3。任何想法，我可以找到這個？這是舊頁面的一個例子http://nfsdata.unl.edu/wildfire/testmap.asp該頁面是在ASP中編寫的。而且我們無法訪問此服務器上的PHP。謝謝

Answer 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> 

working example