Googleマップを使用するFlashアプリケーションをv3.10でHTML/CSS/JavaScriptに書き直しています。Flashでは、mxエフェクトを使用して、ステータスを示すさまざまな色の脈動するグローを作成しました。
これをJavaScriptで複製する方法を模索してきましたが、解決策を見つけることができませんでした。影で遊んだことがありますが、それはpng画像にすぎません。理想的にはCSSまたはJavaScriptツールを使用したいのですが、マーカーの後ろにアニメーションGIFを使用できるでしょうか。
createMarker = function (mapMarkerVm) {
var shadow = new google.maps.MarkerImage(
'/Content/images/mapIcon_glow.png',
new google.maps.Size(36, 52),
new google.maps.Point(0, 0),
new google.maps.Point(20, 52));
return new google.maps.Marker({
title: mapMarkerVm.Title() || "",
position: new google.maps.LatLng(mapMarkerVm.Latitude() || 0.0, mapMarkerVm.Longitude() || 0.0),
icon: createMarkerImage(mapMarkerVm.StatusIcon()),
map: map,
shadow: shadow,
draggable: false,
visible: true
});
};