我有一个地图容器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