谷歌地图 - GeoJSON.js - 替换光标

时间:2014-02-27 21:27:05

标签: google-maps

我有一张谷歌地图。当用户鼠标悬停某个区域时,我正在使用GeoJSON.js库来显示多边形。但是,这会将光标从十字准线切换到手指指针。如何继续使用十字光标?

我在mapOptions中定义了十字光标:

draggableCursor: 'crosshair' 

我是否需要将多边形的可点击属性设置为false a comment to this question implies?如果是这样,我怎么能用GeoJSON.js做到这一点?

JusticeMap.org -- Website that I'm working on and having the issue

1 个答案:

答案 0 :(得分:1)

经过一些尝试,我发现这样做的唯一方法是从多边形中删除可点击选项。为此,请找到 showFeature 函数,并将此代码添加到最后:

function modifyPolygon(polygon){
  //TODO check if the parameter is really a polygon. maybe you can check an apposite flag to
  //choose between different polygons
  polygon.setOptions({clickable: false});
}

//Shows a feature - main function
function showFeature(geojson, clear, style){
  [...]
  modifyPolygon(currentFeature_or_Features);
}

因为你已经设置了draggableCursor: 'crosshair',所以光标也会在多边形上保持十字准线。我使用GitHub上的代码(使用index.htm和GeoJSON.js)对此进行了测试,结果正常。