Gmap Angularjs Gif Markers не Loop

Я использую gmap с угловыми. Я создал одну переменную как массив JSON для маркеров, которые включает в себя идентификатор и COORDS, как это:Gmap Angularjs Gif Markers не Loop

{ "id": 1, "coords": { "latitude": 20 , "longitude": 30 } ,"icon": {"url": 'image.gif'}},

Но проблема GIF значок маркера не петля. Я также попытался поставить optimized : false, но ничего не изменилось. Когда я открываю представление panaroma, петли gif, но на нормальной карте он не зацикливается. Не могли бы вы помочь мне, как я могу это сделать? Или любые примеры.

источник

2016-08-16 Orkun

Поскольку вы установили optimized: false, вы можете попробовать образец кода в этом thread.

<!DOCTYPE html> 
<html> 
    <head> 
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 
    <meta charset="utf-8"> 
    <title>Google Maps JavaScript API v3 Example: Marker Simple</title> 
    <link href="https://google-developers.appspot.com/maps/documentation/javascript/examples/default.css" rel="stylesheet"> 
    <script src="http://maps.googleapis.com/maps/api/js?v=3&sensor=false"></script> 
    <script> 
     function initialize() { 
     var myLatlng = new google.maps.LatLng(-25.363882,131.044922); 
     var mapOptions = { 
      zoom: 4, 
      center: myLatlng, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     } 
     var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions); 

     var marker = new google.maps.Marker({ 
      position: myLatlng, 
      map: map, 
      title: 'Hello World!', 
      icon: "http://gwtportlets.googlecode.com/svn-history/r46/trunk/src/org/gwtportlets/portlet/public/img/portlet-loading-32x32.gif", 
      optimized: false 
     }); 
     } 
    </script> 
    </head> 
    <body onload="initialize()"> 
    <div id="map_canvas"> 

    </div> 
    </body> 
</html>

Вы также можете проверить это связанный SO question, что говорится, что маркеры используют так называемый оптимизированный рендеринг, который всегда оказывает маркеры как статические. Проверьте пример код для создания маркеров:

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

Надеется, что это помогает!

источник

2016-08-17 08:10:15 abielita

Я уже видел этот ответ раньше, но я использую ui-gmap-google-карту, поэтому коды разные, я не использую новый google.maps.Marker, поэтому, когда я добавляю оптимизированный: false в $ scope.markers, который doesnt работа. Но спасибо за помощь – Orkun

Gmap Angularjs Gif Markers не Loop

ответ

Смежные вопросы