js异步加载百度地图的问题

最新推荐文章于 2023-08-18 17:44:38 发布

chujia7557

最新推荐文章于 2023-08-18 17:44:38 发布

阅读量493

点赞数

文章标签： php

原文链接：https://my.oschina.net/u/3279675/blog/856047

版权

项目中需要用到异步加载百度地图，如果同步加载似乎心有不甘，于是乎，查了很多。发现百度地图有个官方文档

以下为链接

http://lbsyun.baidu.com/index.php?title=jspopular/guide/introduction#.E5.BC.82.E6.AD.A5.E5.8A.A0.E8.BD.BD

也就是

在引用百度地图的链接后

script.src = "http://api.map.baidu.com/api?v=2.0&ak=您的密钥&callback=initialize";//此为v2.0版本的引用方式

加上callback参数，百度地图引入后会调用initialize方法

转载于:https://my.oschina.net/u/3279675/blog/856047

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

chujia7557

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

百度webgis-api-异步加载

东东爱编码博客

08-22

292

文章目录一、异步加载1. 为什么选择异步加载2. 处理js脚本的常规操作1). js和html混合在一起的场景2). js和html分开场景，js是单独的文件。3. 百度地图api提供的加载方式4. 加载百度地图示例5. 当百度api遇到vue1). 组件式封装产生的问题2). vue的异步加载一、异步加载 1. 为什么选择异步加载浏览器解析html文件时，从上向下解析构建DOM树。当解析到script标签时，会暂停DOM构建。先把脚本加载并执行完毕，才会继续向下解析。js脚本的存在会阻塞DOM解析，进

异步加载百度地图

花狗杂货铺。

06-06

2340

参与评论您还未登录，请先登录后发表或查看评论

百度地图的异步加载

TianYu0-0的博客

03-24

1244

百度地图的异步加载异步加载目的解决方案完整代码异步加载目的因为百度地图组件是异步加载，如果在vue里的mounted生命周期里创建地图实例，会报错：BMap is not defined。所以需要解决这个问题，使用异步加载。解决方案以下解决方案全部以vue代码为例。首先在src/assets文件夹中创建一个map.js。 map.js里的代码如下： export default { init: function () { console.log("初始化百度地图脚本.

百度地图异步加载

威武霸气你会姐的博客

09-21

3141

百度地图异步加载

required.js异步加载百度地图

paulxu_1008的博客

11-20

238

require.config({ paths: { jquery: “…/jquery-1.8.3.min”, async:"…/thirdparty/async", BMap:“百度的key” }, //指定模块依赖关系 shim:{ “jquery_ui”: [“jquery”], ‘BMap’: { deps: [‘jquery’], exports: ‘BMap’ } }, waitSec...

百度地图异步加载实现

qq_41029007的博客

05-10

1094

百度地图异步加载实现

百度地图的异步加载方法

Mantana的博客

02-23

763

异步加载目的是在一些场景下，提升网页的渲染性能。普通同步加载代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-

vue中百度地图GL异步加载

weixin_45979310的博客

12-16

1331

新建 loadBmap.js 文件，内容如下： /** * @description 加载百度地图基础组件js */ export function asyncLoadBaiduJs () { return new Promise((resolve, reject) => { if (typeof BMapGL !== 'undefined') { resolve(BMapGL) return true } window.onBMapCallba

记录Vue异步加载百度地图

热门推荐

寻梦无痕

11-05

1万+

网上搜了不少资料都是index.html直接加script，个人是不喜欢这种方式，毕竟有时候只有一个页面需要到百度地图，没必要全局都加载百度地图的文件单独新建一个js文件：loadBMap.js，名字随意取，位置可以随便放 export default function loadBMap(ak) { return new Promise(function(resolve, reject) {...

异步加载地图

yingmengxuepingbao的专栏

12-15

1539

使用百度地图api实现异步展示的效果！

三大地图异步加载

IT_iosers的博客

01-29

342

三大地图异步加载三大地图异步加载三大地图异步加载三大地图异步加载三大地图异步加载三大地图异步加载三大地图异步加载三大地图异步加载三大地图异步加载

百度地图实用案例

m0_57479235的博客

12-07

167

1、创建一个js文件 export function BMPGL(ak) { return new Promise(function (resolve, reject) { window.init = function () { // eslint-disable-next-line resolve(BMapGL) } const script = document.createElement('scri

百度地图js api 异步调用方法

摩羯座

12-10

3200

用到百度地图 通过经纬度查询所在城市，记录一下调用的方法。下面例子中ak是百度的key,更换成自己的就可以了。请求参数说明 output=json 表示返回数据格式可以为 xml callback＝getCity 表示回调方法调用完成后会自动执行该方法 <script type="text/javascript">function getCity(res) { aler

百度地图的使用（二）

Little_Thief的博客

06-15

381

前言感觉自身知识的渺小，坚持每天学习一点点，今天学习了百度地图如何在tp5.1的使用，那么来好好捋一捋了，嘿嘿在百度地图使用（一）的基础上呢，我在这里做一个查询经纬度的范例，做其他的百度地图的接口时，可根据这个范例做调整我们进入百度地图的api文档查看怎么查询经纬度 2.在侧边栏处，有关于百度地图的所有api，我此次演示的是经纬度的查询，所以点击下列即可 3.在用第三方的接口时，我们一定要掌握的是，首先我们要去看一下他的官方范例，然后查看所需要的参数，最后怎么使用的，利用好这三步曲，我相信所有

vue 异步引入百度地图，不在index.html引入（不在登录页加载地图）

zkkwe的博客

07-04

402

vue 异步引入百度地图，不在index.html引入（不在登录页加载地图）

vue3中百度地图的使用