当多个标记几乎附加时如何使标记单击事件完美

Question

我正在研究谷歌地图 API。 我已经使用图标路径值在地图上设置了标记。

我的问题是，我没有得到完美的标记点击。
当我点击红色标记时，它会显示另一个标记信息窗口。
然后单击其他标记，然后它会显示另一个标记信息窗口。

这是我的示例：http://jsfiddle.net/u758rqpa/100/

marker = new google.maps.Marker({
    position: new google.maps.LatLng(markerA[i][2], markerA[i][1]),
    map: map,
    icon: {
        path: pathValue,
        fillColor: markerA[i][6],
        fillOpacity: 1,
        strokeWeight: strokeWeight,
        scale: scalesize,
        anchor: new google.maps.Point(200, 200),
        rotation: rotation,
    }
});

这是错误的点击。
所以，请帮我找出完美的标记点击。
或者我必须做些什么来实现完美的标记点击。
意味着当我点击红色标记时它应该在信息窗口中显示红色，当点击绿色时它应该显示绿色信息窗口。

所以，请给我任何解决方案。

Answer 1

您需要定义标记shape 属性。

google.maps.MarkerShape 对象规范

此对象为除 Internet Explorer 以外的浏览器定义标记图像的可点击区域。

这里的文档中解释了所有内容：https://developers.google.com/maps/documentation/javascript/reference#MarkerShape。