指定Google地圖中自定義標記的大小

Question

我想在谷歌地圖上放置自定義標記。 我想要使​​用的圖標是png文件，並根據放置在地圖上的點的類型而有所不同。 從SQL數據庫中提取點的位置和其標記的png文件的URL。

我使用的代碼如下

var mapOptions = {
    center: new google.maps.LatLng(markers[0].lat, markers[0].lon),
    zoom: 7,
    mapTypeId: google.maps.MapTypeId.ROADMAP
    //  marker:true
};
var infoWindow = new google.maps.InfoWindow();

var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
for (i = 0; i < markers.length; i++) {
    var data = markers[i]
    var myLatlng = new google.maps.LatLng(data.lat, data.lon);
    var marker = new google.maps.Marker({
        position: myLatlng,
        map: map,
        title: data.venue,
        icon: data.image
    });

當這個運行時，我在地圖上得到非常大的標記，每個標記都是正確的標記，但是它們非常大，看起來像混亂。

有關如何控制圖標大小的任何建議？

Answer 1

您可以將google.maps.Icon指定為MarkerOptions，例如

var marker = new google.maps.Marker({
    position: myLatlng,
    map: map,
    title: data.venue,
    icon: {
        url: data.image,
        scaledSize: new google.maps.Size(32, 32)
    }
});