暂停并播放谷歌地图标记动画
javascript地图/ Gmap3有点新…我试图使用谷歌地图DROP动画逐一在地图上显示标记。 动画工作正常。 这是我的JS
var ll = []; var JSONData; var pathData = []; var tick = 10; $(document).ready(function() { $('#ctl00_ContentPlaceHolder1_rewind').button(); $('#ctl00_ContentPlaceHolder1_play').button(); $('#ctl00_ContentPlaceHolder1_stop').button(); $('#ctl00_ContentPlaceHolder1_forward').button(); }); function pageLoad(sender, args) { $('#ctl00_ContentPlaceHolder1_rewind').button(); $('#ctl00_ContentPlaceHolder1_play').button(); $('#ctl00_ContentPlaceHolder1_stop').button(); $('#ctl00_ContentPlaceHolder1_forward').button(); } function showEmptyMap() { $('#mapDiv').gmap3({ map: { options: { mapTypeId: google.maps.MapTypeId.TERRAIN, mapTypeControl: true, mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.DROPDOWN_MENU }, navigationControl: true, scrollwheel: true, streetViewControl: true } }, clear: {} }); $('#mapDiv').gmap3(); } function designMap(JSONData) { for (var i = 0; i = 0; k--) { var m = new google.maps.LatLng(JSONPassed[k].latitude, JSONPassed[k].longitude); (function(n) { var image = JSONPassed[k].iconImage; var HTML = JSONPassed[k].data; setTimeout(function() { alert(image); addMarker(n, image,HTML); }, k * 500); } (m)); } } function addMarker(m, image,data) { var map = $('#mapDiv').gmap3('get'); var marker = new google.maps.Marker({ position: m, map: map, draggable: false, animation: google.maps.Animation.DROP, icon: image, clickable: true }); marker.info = new google.maps.InfoWindow({ content: data }); google.maps.event.addListener(marker, 'click', function() { marker.info.open(map, marker); }); } 我想创建一个暂停按钮，地图动画应停止在该按钮上，再次单击它应该恢复。 我该怎么办。??? 🙁
我尝试将间隔设置为一个巨大的值，但它没有按预期工作…… 🙁
哦，我设法对它进行编程..我自己制作了代码，因此其他用户也可以更简单地使用/理解：尝试将此代码复制到新文件中并使用浏览器进行测试：
Marker gmap3 demo
Start animation
Pause animation
但基本上我所做的是用不同于动画制作的方法生成实际位置，并使用诸如animatedMarkers = 0;值animatedMarkers = 0; 保持参考我们添加了多少个标记，并在我们暂停之间继续执行。 我还在数组中添加了标记，因此当您稍后开始添加更多function时，它会以多种方式为您带来好处。 干杯。