使用requirejs 调用百度地图解决方案

最新推荐文章于 2022-03-04 09:12:31 发布

lancelot_lewis

最新推荐文章于 2022-03-04 09:12:31 发布

阅读量8.3k

点赞数

分类专栏： javascript requirejs 文章标签：百度地图模块化

本文链接：https://blog.csdn.net/lancelot_lewis/article/details/51489755

版权

这篇博客介绍了如何在项目中使用requirejs调用百度地图。由于百度地图的加载方式特殊，直接转换为requirejs加载会出现错误。通过查找资料，发现requirejs的async插件能解决这个问题，该插件适用于异步加载如JSONP和Google Maps等。配置好async插件后，正确调用百度地图的方法被展示出来，实现了模块化的调用。

摘要由CSDN通过智能技术生成

百度地图的模块化加载方案

百度地图的加载方式比较奇葩，比如百度提供的一个 js 脚本地址是这样http://api.map.baidu.com/api?v=2.0&ak=mXijumfojHnAaN2VxpBGoqHM，直接使用浏览器访问，这个文件的内容是这样：

(function () {
   
    window.BMap_loadScriptTime = (new Date).getTime();
    document.write('<script type="text/javascript" src="http://api.map.baidu.com/getscript?v=2.0&ak=mXijumfojHnAaN2VxpBGoqHM&services=&t=20160503160001"></script>');
})();

百度地图通过一个脚本再去请求另外一个脚本，这样的方式可能是我见的少吧，感觉这样会比较安全。
在直接访问后面这个网址，得到的就是真正的百度地图api文件了。

看起来好像直接转成 requirejs 加载的方式没有问题，那就试试？