Jquery谷歌地图API反弹动画不工作
我无法让反弹动画在单击时工作,请有人为我指出正确的方向:Jquery谷歌地图API反弹动画不工作,jquery,google-maps-api-3,Jquery,Google Maps Api 3,我无法让反弹动画在单击时工作,请有人为我指出正确的方向: <script type="text/javascript"> window.onload = function () { var mapOptions = { center: new google.maps.LatLng(markers[0].lat, markers[0].lng), zoom: 6, mapTyp
<script type="text/javascript">
window.onload = function () {
var mapOptions = {
center: new google.maps.LatLng(markers[0].lat, markers[0].lng),
zoom: 6,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var infoWindow = new google.maps.InfoWindow();
var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
var image = 'marker.png';
for (i = 0; i < markers.length; i++) {
var data = markers[i]
var myLatlng = new google.maps.LatLng(data.lat, data.lng);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: data.title,
icon: new google.maps.MarkerImage(icon),
visible: fred,
draggable: false,
animation: google.maps.Animation.DROP
});
(function (marker, data) {
google.maps.event.addListener(marker, "click", function (e) {
infoWindow.setContent("<b><u>" + data.name + " - " + data.custcode + "</u></b>" +
"<br />" + data.address1 + " , " + data.address2 + "<br />" + data.county
+ "<br />" + data.postcode + "<br />" + data.tel + "<br />" + data.category + "<br /> <b>Rep:</b>" + data.repcode + "<b> House:</b>" + data.rephouse + " <b> Key:</b>" + data.repkey);
infoWindow.open(map, marker);
if (marker.getAnimation() != null) {
marker.setAnimation(null);
} else {
marker.setAnimation(google.maps.Animation.BOUNCE);
}
});
}
}
</script>
window.onload=函数(){
变量映射选项={
中心:新建google.maps.LatLng(标记[0].lat,标记[0].lng),
缩放:6,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var infoWindow=new google.maps.infoWindow();
var map=new google.maps.map(document.getElementById(“地图画布”),mapOptions);
var image='marker.png';
对于(i=0;i ”+data.address1+”、“+data.address2+”
“+data.county”
+“
”+data.postcode+”
“+data.tel+”
“+data.category+”
Rep:“+data.repcode+”House:“+data.rephouse+”Key:”+data.repkey);
信息窗口。打开(地图、标记);
if(marker.getAnimation()!=null){
marker.setAnimation(null);
}否则{
setAnimation(google.maps.Animation.BOUNCE);
}
});
}
}
我在chrome上的javascript控制台中没有收到任何错误。当我在地图上单击标记时,除了一个信息窗口外,什么也不会发生。我希望它反弹,以便显示选定的标记。您正在为标记单击定义两个事件侦听器;是否正在执行toggleBounce?为什么不将其与另一个事件侦听器包装在同一个事件侦听器中一个控制信息窗口的工具?好的,我现在有了这个工具,但是我希望它在我单击另一个标记时停止反弹,然后在我刚刚单击的标记上开始反弹-请参阅上面的编辑代码PS:MarkerImage类已被弃用;使用
google.maps.Icon
替代所有标记的数组。在标记单击处理程序中,lo在阵列上进行操作,将每个阵列的动画设置为null,然后为刚刚单击的标记设置反弹动画