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地图标记的图标只需要是图标图片网址的字符串。创建MarkerImage可能会导致Google maps 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)
);

Gmarker自定义图标未显示完整尺寸

2 个答案: