javascript - Gmarker自定义图标未显示全尺寸

Question

我们已经设法使用自定义图标创建标记，我们首先定义图标，例如

var pIcon = new google.maps.MarkerImage('alertIcon/P.png',
                                         new google.maps.Size(15, 15));

然后我们以这种方式定义标记。

var marker = new google.maps.Marker({
                            position: point,
                            map: map,                          
                            icon: yIcon
                        });

现在的问题是自定义图标出现了，但只是其中的一部分，而不是我们在 V2 中的完整图标，这可能是什么问题？

Answer 1

Google 地图标记的图标只需是图标图像 URL 的字符串。创建 MarkerImage 可能会导致 Google 地图 api 缩小自定义图标的大小。

    var pIcon = "alertIcon/P.png"

这就是定义图标时所需的全部内容。

Answer 2

var pIcon = new google.maps.MarkerImage('alertIcon/P.png',
    // This might be where you're running into trouble, set
    // Size(w,h) to the dimensions of the image
    new google.maps.Size(72, 95),
    // This is the origin, probably want to keep it at 0,0
    new google.maps.Point(0,0),
    // This is the anchor. For Point(x,y) x should be
    // half the image width and y should be the height
    new google.maps.Point(36, 95)
);