google-maps - 如何为地图标记添加样式

Question

我有谷歌地图，我想为图标添加自定义样式。

使用此代码，我可以添加自定义图标并定义其大小：

icon: {
     url : '<? bloginfo('url'); ?>' + img_src  + '',
     scaledSize : new google.maps.Size(50,50)
},

但我想给图标一个白色边框，就像下面的箭头一样。

我怎样才能做到这一点？

Answer 1

我使用以下功能添加自定义图标

function setMarkers(map, markers) {
    for (var i = 0; i < markers.length; i++) {
        var sites = markers[i];
        var siteLatLng = new google.maps.LatLng(sites[1], sites[2]);
        var marker = new google.maps.Marker({
            position: siteLatLng,
            map: map,
            title: sites[0],
            zIndex: sites[3],
            html: sites[4]
        });
        var contentString = "Some content";
        google.maps.event.addListener(marker, "click", function () {
            //alert(this.html);
            infowindow.setContent(this.html);
            infowindow.open(map, this);
        });
        if(!firstOne) {
            firstOne = marker;
            marker.setIcon('theImages/hospBuilding.png');
        }
        else {
            marker.setIcon('theImages/hospitalIcon.png');
        }
    }           
}

如果您需要整个脚本来显示您自己的图标，请告诉我。