Puis-je utiliser mon propre gifs animés sous forme de marqueurs sur l'API Google Maps?

Je veux utiliser différentes dessin animé des images (gif) en tant que marqueurs sur une carte Google Maps; puis-je le faire avec l'API?

OriginalL'auteur olimits7 | 2014-04-24

  1. 8

    Oui, vous pouvez Live Exemple):

    var position = new google.maps.LatLng(59.219521,15.1419873);
var marker;
var map;

function initialize() {
    var mapOptions = {
        zoom: 16,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        center: position
    };

    map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

    marker = new google.maps.Marker({
        map:map,
        draggable:false,
        animation: google.maps.Animation.DROP,
        position: position,
        icon: "http://heera.it/wp-content/themes/heerait/img/blog/me.png"
    });
}

    Vous avez juste besoin d'utiliser icon:icon-url lors de la création de la marque.

    Mise à jour:

    marker = new google.maps.Marker({
  map:map,
  draggable:false,
  optimized:false, //<-- required for animated gif
  animation: google.maps.Animation.DROP,
  position: position,
  icon: "http://blogs.technet.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-01-35/e8nZC.gif"
});

    Exemple Ici.

    Ok, super! Je vois que vous avez utilisé un *.png dans votre exemple, mais je pourrais aussi utiliser un animé *.gif?
    J'espère donc, bienvenue 🙂
    J'ai juste essayé d'ajouter le suivant *.gif basé sur l'exemple que vous avez fait ci-dessus, mais l' *.gif ne montre pas le moindre mouvement. 🙁
    blogs.technet.com/cfs-file.ashx/__key/...
    J'ai compris; j'ai dû ajouter optimisé: false, l'.

    OriginalL'auteur The Alpha

  2. 0

    Je suppose que vous pouvez le faire:

    function showMarkerFeature(p) {
var oF = new google.maps.Marker({
    map: map,
    position: p,
    //set the image src path here
    icon: "http://www.google.com/intl/en_us/mapfiles/ms/micons/red-dot.png" 
});
identifyMarker.setVisible(false);
map.setCenter(p);

return oF;
}

    OriginalL'auteur