确保 Google 地图为 JavaScript 进程做好准备
将 Google 地图嵌入网站时,在触发任何操作之前确保地图完全加载至关重要JavaScript 进程。这不仅包括地图渲染,还包括图块下载。
现有方法的挑战
tilesloaded() 方法旨在检测图块何时完成加载。然而,据报道它不可靠。
可靠的解决方案
更可靠的方法是使用“idle”事件。以下是实现此解决方案的方法:
google.maps.event.addListenerOnce(map, 'idle', function(){ // Code to run once the map is fully loaded });
当地图进入空闲状态时会触发“idle”事件,表示所有内容已加载或加载失败。该方法已被证明比tilesloaded()和bounds_changed更可靠。
通过使用addListenerOnce,闭包内的代码只会在第一次触发“idle”事件时执行,确保该事件不会重复触发。
有关更多信息,请参阅 Google 地图参考的事件部分。
以上是如何在执行 JavaScript 进程之前确保 Google 地图已完全加载?的详细内容。更多信息请关注PHP中文网其他相关文章!