Question

Google地图空闲事件应该在平移或缩放后地图变为空闲时触发。＆＃34; （Google Maps JavaScript API V3 Reference，Events example page）

然而，每当光标经过数据层的一个元素时，空闲事件就会不断触发，使其无用。（见https://jsfiddle.net/162tdb53/6/）

var map;
function initMap() {
  map = new google.maps.Map(document.getElementById('map'), {
    zoom: 4,
    center: {lat: -28, lng: 137}
  });

  // Load GeoJSON.
  map.data.loadGeoJson(
      'https://storage.googleapis.com/mapsdevsite/json/google.json');

  map.addListener('idle', function(event) {
    console.log('IDLE');
  });

}

任何洞察力

更新

此问题已在问题跟踪器https://issuetracker.google.com/issues/74214837中处理。它于2018年3月7日在版本3.32中标记为已修复。

Answer 1

是的，你不是唯一一个。在过去24小时内，Google地图Api更新似乎让地图在后台移动。

在Drupal论坛上找到此补丁。在我的头上测试一些东西，如果我们拿出任何东西，会告诉你。 https://www.drupal.org/project/geolocation/issues/2950361

Answer 2

尝试使用API的发布版本而不是实验版本。你可以通过在js调用中添加v = 3来实现。

<script async defer src="https://maps.googleapis.com/maps/api/js?v=3&key=###&callback=initMap"></script>

与

<script async defer src="https://maps.googleapis.com/maps/api/js?key=###&callback=initMap"></script>

谷歌地图数据层鼠标事件触发地图空闲事件

2 个答案: