我可以使用自己的自定义动画GIF作为Google Maps API上的标记吗？

Question

我想在Google地图上使用不同的动画图片（gif）作为标记;我可以使用API​​来做到这一点吗？

Answer 1

我以为你可以这样做：

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; 
} 

Answer 2

是的，你可以Live Example）：

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" 
    }); 
} 

你只需要在创建标记时使用icon:icon-url。

更新：

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" 
}); 

Example Here.