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

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