标记的形状 - 可点击区域
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了标记的形状 - 可点击区域相关的知识,希望对你有一定的参考价值。
我正在尝试使用带有圆圈图标的Google地图标记。我的问题是可点击区域是方形而不是圆形。
我试图使用文档中定义的标记形状https://developers.google.com/maps/documentation/javascript/reference/marker#MarkerShape正如我在这里阅读的那样,你可以改变标记的可点击区域。所以,我这样做了:
map = new google.maps.Map(document.getElementById('map'), {
center: new google.maps.LatLng(47.023578942,15.368335626 ),
zoom: 8
});
m1 = new google.maps.Marker({
position: new google.maps.LatLng(47.023578942,15.368335626 ),
map: map,
icon: {
path: google.maps.SymbolPath.CIRCLE,
scale: 10,
strokeColor: '#FF0000',
fillColor: '#FF0000',
fillOpacity: 1
},
shape: {coords: [0,0,50,50], type: "rect"}
});
m2 = new google.maps.Marker({
position: new google.maps.LatLng(47.523578942,15.368335626 ),
map: map,
icon: {
path: google.maps.SymbolPath.CIRCLE,
scale: 10,
strokeColor: '#FF0000',
fillColor: '#FF0000',
fillOpacity: 1
},
shape: {coords: [0,0,500], type: "circle"}
});
演示代码:https://jsfiddle.net/6sm32nqc/1/
我预计可点击区域是其中一个标记(顶部标记)的圆圈,但没有任何更改。绘制相同的46x46方形可点击区域(参见下图中较暗的区域):
我不确定我在这里缺少什么:(。
答案
似乎这个问题只发生在我的操作系统上。我尝试使用Chrome,FF和Opera,也使用了隐身功能,行为也一样,每次测试链接的JSFiddle。如果我在不同的计算机或VM中试用它,问题就会消失。
以上是关于标记的形状 - 可点击区域的主要内容,如果未能解决你的问题,请参考以下文章