.gif標記谷歌地圖

Question

我的代碼中有這個

var map;
  function initialize() {
    var mapDiv = document.getElementById('map-canvas');
    map = new google.maps.Map(mapDiv, {
      center: new google.maps.LatLng(37.4419, -122.1419),
      zoom: 13,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });

    google.maps.event.addListenerOnce(map, 'tilesloaded', addMarkers);

  }

  function addMarkers() {
    var iconoMarca = "/assets/giftRayo.gif");       
    var bounds = map.getBounds();
    var southWest = bounds.getSouthWest();
    var northEast = bounds.getNorthEast();
    var lngSpan = northEast.lng() - southWest.lng();
    var latSpan = northEast.lat() - southWest.lat();
    for (var i = 0; i < 10; i++) {
      var latLng = new google.maps.LatLng(southWest.lat() + latSpan * Math.random(),
                                          southWest.lng() + lngSpan * Math.random());
      var marker = new google.maps.Marker({
        position: latLng,
        map: map,
        icon: iconoMarca
      });
    }
  }

但是標記沒有出現，如果我使用png或jpeg它可以工作。 我究竟做錯了什么？？ GIF動畫有另外一種治療方法嗎？

Answer 1

作為標准，標記使用稱為優化渲染的東西，始終將標記呈現為靜態。 要查看GIF動畫，您需要在標記上設置optimized = false。 生成標記的代碼將是：

var marker = new google.maps.Marker({
    position: latLng,
    map: map,
    icon: iconoMarca,
    optimized: false
  });

這應該可以解決您的問題。

Ps。：您的代碼中似乎有一個小錯誤：

var iconoMarca = "/assets/giftRayo.gif");  

你應該刪除）。