Question

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

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
    });

我收到“未捕获的TypeError：undefined不是函数”错误我可以在地图参考中看到一个Icon对象，我在这里做错了什么？ https://developers.google.com/maps/documentation/javascript/reference#Icon

Answer 1

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

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

Answer 2

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

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

要编辑尺寸，您只需更改图像的大小。

设置自定义图标Google地图

2 个答案: