如何使用谷歌地图上的折线数据使KmlLayer文件闪烁？

Question

如何使用谷歌地图上的折线数据使KmlLayer文件闪烁？ 我的KmlLayer文件有100多条折线，我希望所有的线都闪烁。 无论如何都要调整var ctaLayer = new google.maps.KmlLayer眨眼。

Answer 1

使用setInterval替换map媒体资源：

setInterval(function() {
  ctaLayer.setOptions({preserveViewport: true});
  ctaLayer.getMap() == null ? ctaLayer.setMap(map) : ctaLayer.setMap(null);
}, 1000);

proof of concept fiddle

代码段

＆＃13;

＆＃13;

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

  var ctaLayer = new google.maps.KmlLayer({
    url: 'http://googlemaps.github.io/js-v2-samples/ggeoxml/cta.kml',
    map: map
  });

  setInterval(function() {
    ctaLayer.setOptions({
      preserveViewport: true
    });
    ctaLayer.getMap() == null ? ctaLayer.setMap(map) : ctaLayer.setMap(null);
  }, 1000);
}
google.maps.event.addDomListener(window, "load", initMap);

＆＃13;

html,
body,
#map {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px
}

＆＃13;

<script src="https://maps.googleapis.com/maps/api/js"></script>
<div id="map"></div>

＆＃13;

＆＃13;

＆＃13;