Javascript 设置自定义图标谷歌地图

Javascript 设置自定义图标谷歌地图,javascript,google-maps,Javascript,Google Maps,我正在尝试使用自定义图标并设置其大小 var icon = new google.maps.Icon({ 'anchor':null, 'origin':null, 'scaledSize':null, 'size':new google.maps.Size(value.width,value.height), 'url':'../maps/overlay_images/'+value.image }); 在地图上设置标记 var mar

我正在尝试使用自定义图标并设置其大小

var icon = new google.maps.Icon({
    'anchor':null,
    'origin':null,
    'scaledSize':null, 
    'size':new google.maps.Size(value.width,value.height),
    'url':'../maps/overlay_images/'+value.image
    });
在地图上设置标记

   var marker = new google.maps.Marker({
        position: new google.maps.LatLng(parseFloat(value.latitude), parseFloat(value.longitude)),
        map: map,
        title: value.name,
        icon: icon ,
    animation: google.maps.Animation.DROP
    });
我得到一个“UncaughtTypeError:undefined不是函数”错误
我可以在地图参考中看到一个图标对象,我在这里做错了什么?

您只需添加图像链接即可显示自定义标记图标

var marker = new google.maps.Marker({
                map: map,
                position: position,
                icon: "img/marker.png"
            });

要编辑大小,只需更改图像的大小。

google.maps.Icon
只是一个对象规范,而不是带有构造函数的类。您的代码应该如下所示:

var icon = {
    'size':new google.maps.Size(value.width,value.height),
    'url':'../maps/overlay_images/'+value.image
};
可能重复的