小编att*_*s98的帖子

Google Maps Api:无法点击数据层后面的可点击多边形

您好,我正在使用谷歌地图 api(JavaScript) 来构建交互式世界地图。一切都很顺利,直到我遇到这个问题。我正在使用多边形来显示一个国家的轮廓。单击这些多边形会触发一个模式,显示有关国家/地区的信息。这一直有效,直到我开始使用“数据层:地震数据”。我没有使用地震数据,而是使用我工作的公司的销售信息。因此,如果我们的大部分客户来自荷兰,那么分配给荷兰的数据层将会非常大。问题是,由于数据层,这些国家/地区不再可点击。我无法单击“通过”数据层。我是否有可能触发数据层后面的事件?

此代码显示数据层:

map.data.loadGeoJson('./data/test.json');

map.data.setStyle(function(feature) {
  var percentage = parseFloat(feature.getProperty('percentage'));
  return ({
    icon: {
      path: google.maps.SymbolPath.CIRCLE,
      scale: percentage,
      fillColor: '#00ff00',
      fillOpacity: 0.35,
      strokeWeight: 0
    }
  })

});

map.data.addListener('mouseover', function(event) {
  map.data.overrideStyle(event.feature, {
    title: 'Hello, World!'
  });
});

map.data.addListener('mouseout', function(event) {
  map.data.revertStyle();
});

function eqfeed_callback(data) {
  map.data.addGeoJson(data);
}
Run Code Online (Sandbox Code Playgroud)

此代码显示多边形:

function drawMap(data) {

  var rows = data['rows'];
  for (var i in rows) {
    if (rows[i][0] != 'Antarctica') {


      var newCoordinates = [];
      var geometries = rows[i][1]['geometries'];

      if (geometries) {
        for (var …
Run Code Online (Sandbox Code Playgroud)

javascript google-maps-api-3 google-datalayer

2
推荐指数
1
解决办法
3553
查看次数