背景:我开发了一个基于Google地图的网络应用程序,它允许用户通过鼠标点击收集一系列LatLng位置。 (这些位置存储在后端,稍后应用程序可以从这些坐标中绘制形状。)一旦注册了一个点击,程序就会在地图上将其标记为彩色圆圈。
问题:这个问题好几个月但是从昨天开始我注意到谷歌地图中有不同的行为:当我将光标移动到新的位置以进行预期的下一次点击并且光标接近已经显示的圆圈时,光标变为悬停模式(食指符号),无法注册点击。原则上,这种现象也发生在过去,但灵敏度却大不相同。在过去,我必须真正移动到现有的圆圈以进入这种悬停模式,但现在它发生在光标刚好靠近时。这给我的问题是,位置(点击)不能再以所需的粒度进行注册。为了说明,我从屏幕上添加了两张照片。 第一个案例显示了问题。即使光标不在现有圆圈(蓝色,黄色,红色)上方,它也处于悬停模式(食指)并且无法收集点击。因此,在给定位置不能创建额外的圆圈。
第二张图显示光标稍微远离上方位置移动的情况。现在光标变为普通指针模式,可以为新圆圈点击:
因此,Google地图程序中的一些更改似乎在最后几天内控制光标模式(悬停与否)的对象周围区域(此处为圆圈)增加了。在过去,由于光标没有进入悬停模式(食指),我能够将圆放在彼此非常靠近的位置。
问题:有没有办法控制(例如在地图定义中)对象周围悬停区域的大小?我整整一天搜索了这样一个参数或解决这类问题但没有发现任何问题。如果没有办法控制它,我可以向谁解决这个问题@ Google?
JavaScript代码段:
A)地图启动:
var mapProp = {
center: myCenter,
zoom:18,
gestureHandling: 'greedy',
tilt: 0,
draggableCursor: 'default',
mapTypeId: google.maps.MapTypeId.SATELLITE
};
var mapDiv = document.getElementById("googleMap");
var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);
B)圈子创作:
var circle = new google.maps.Circle({
strokeColor: circleColor,
strokeWeight: 1,
fillColor: circleColor,
fillOpacity: 1,
map: map,
center: workPosition[1],
radius: 0.5
})