我有一个地图容器DIV。 让我们称之为#mapcontainer。
我用jQuery设置它的高度:
$("#mapcontainer").animate({height: +=200px}, 500);
我知道如果要调整地图容器的大小,需要触发google地图以使用以下内容resize:
google.maps.event.trigger(map, 'resize');
现在显而易见的是在animate的回调中这样做:
$("#mapcontainer").animate({height: +=200px}, 500, "linear", function(){ google.maps.event.trigger(map, 'resize'); });
但这看起来并不平滑,地图只是在动画完成后突然出现。
无论如何,地图可以在动画运行时resize,以便地图平滑过渡?
您在动画完成后触发事件,我认为这是问题所在。
这不是一个好的解决方案,但也许你可以使用setInterval并在动画运行时每1ms触发一次事件。 也许它会滞后,正如我所说它不是一个最好的实践解决方案。
需要了解更多jQuery教程分享jQuery动画Google Map容器的高度,都可以关注jQuery技术分享栏目—计算机技术网(www.ctvol.com)!
var timer; timer = setInterval(function(){ google.maps.event.trigger(map, 'resize')}, 100); $("#mapcontainer").animate({height: +=200px}, 500, "linear", function(){ timerMap = clearInterval(timer); });
以上就是jQuery教程分享jQuery动画Google Map容器的高度相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。
本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址:https://www.ctvol.com/jquerytutorial/982583.html