Google Maps Api添加標籤

Question

我使用以下函數從XML文件創建我的標記。我希望爲每個市場1,2,3,4,5,6等標籤，其中'我'是數字。可以請一些請告訴我如何納入這一點。謝謝

function createMarker(point, name, address, type, i) { 
    var marker = new GMarker(point, customIcons[type]); 
    var html = "<b>" + name + "</b> <br/>" + address; 
    GEvent.addListener(marker, 'click', function() { 
    marker.openInfoWindowHtml(html); 
    }); 
    return marker; 
} 

Answer 1

您可以使用谷歌的圖表服務器來創建動態圖標，並將其設置爲您的標記圖像。使用動態圖標

圖表服務器文檔：http://code.google.com/apis/chart/docs/gallery/dynamic_icons.html

例如， http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=1|FF0000|000000將呈現爲

和http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=2|FF0000|000000將讓你

Answer 2

你可以使自己的標記圖標，並執行他們到您的地圖上，請參閱here （如果您尚未使用，最好使用當前的Google Maps API v3）

做這樣的事情：

function createMarker(point, name, address, i) { 
    var image = "icon" + i + ".png"; 
    var html = "<b>" + name + "</b> <br/>" + address; 
    var marker = new google.maps.Marker({ 
    position: point, 
    map: map, 
    icon: image, 
    title: name 
    }); 
    addinfowindow(marker, html); 
    return marker; 
} 

（您做了一個圖標，每個稱爲icon1.png到icon6.png標記，並放置在目錄）

還爲您可能需要多個信息窗口用全局定義的infowindow創建新的全局函數addinfowindow（）（請參見here）。

function addwindow(pmarker, phtml){ 


    google.maps.event.addListener(pmarker, 'click', function() { 
    infowindow.setContent(phtml); 
    infowindow.open(map, pmarker); 
    }); 

}