刷新Google地圖阻止添加標記的能力

Question

我在'刷新'我的Google地圖後遇到問題，我無法單獨放置標記（單擊）。但在刷新我的地圖（初始化之前）之前，我可以通過單擊來放置標記。我可以知道代碼有什麼問題嗎？

下面是我的代碼...

//Initialize the map 
function initialize() { 
    var myLatlng = new google.maps.LatLng(2,110); 
    var myOptions = { 
     zoom: 3, 
     center: myLatlng, 
     mapTypeId: google.maps.MapTypeId.HYBRID 
    }; 
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
    infowindow = new google.maps.InfoWindow({ 
     content: "loading..." 
    }); 
} 

// Listen for click for markers 
function marker() 
{ 
    google.maps.event.addListener(map, 'click', function(event) { 
     addMarker(event.latLng); 
    }); 
} 

// Place markers in by click 

function addMarker(location) { 
    marker = new google.maps.Marker({ 
     position: location, 
     map: map, 
     title:"Specified Location", 
     icon: 'images/greenPoint.png' 
    }); 
    markersArray.push(marker); 
} 


function refreshMap() 
{ 
    var myLatlng = new google.maps.LatLng(1.1,107); 
    var myOptions = { 
     zoom: 4, 
     center: myLatlng, 
     mapTypeId: google.maps.MapTypeId.HYBRID 
    }; 
    map = new google.maps.Map(document.getElementById("map_canvas"), 
    myOptions); 
} 

Answer 1

如果我理解你的問題正確的話，你說你叫refreshMap功能後，您的地圖不工作。聽起來像一個範圍界定問題，其中map變量第二次處於不同的範圍。嘗試把這一行：

var map = null; 

在文件的最頂端，以確保所有的map引用的是同一個全局變量map。

Answer 2

爲什麼要首先創建一個新的google.maps.Map對象？你應該做這樣的事情，而不是：

function refreshMap() 
{ 
    var myLatlng = new google.maps.LatLng(1.1,107); 
    var myOptions = { 
     zoom: 4, 
     center: myLatlng, 
    }; 
    map.setOptions(myOptions); 
} 

Answer 3

使用您的markersArray你應該能夠清楚使用方法從這裏地圖：Google Maps API v3: How to remove all markers?

function clearOverlays() { 
    for (var i = 0; i < markersArray.length; i++) { 
    markersArray[i].setMap(null); 
    } 
    markersArray = []; 
}