加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

vue3集成百度地图

(2023-09-05 14:41:51)
分类: 搜索随记
在百度开放平台https://lbsyun.baidu.com/,点击控制台-我的应用-创建应用(如果没有实名认证,要先进行实名认证),输入应用名称,选择应用类型,在白名单处输入域名或*,然后提交,会生成AK。
vue3集成百度地图

在项目中安装插件npm install vue-baidu-map-3x --save,然后在main.js中进行全局注册(ak即为刚刚生成的应用AK)。
vue3集成百度地图
在页面中的应用(position变量为地理位置信息,可以为文字‘北京市海淀区’,也可以为经纬度{lng:116.29676,lat:39.966935}),zoom为缩放等级。center和zoom都是必须设置的,否则无法地图渲染。更多参数设置详见https://map.heifahaizei.com/doc/baidu-map.html
vue3集成百度地图
还要给地图元素设置宽高, 否则无法显示
vue3集成百度地图

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有