使用百度地图中心点和坐标偏移的问题

最新推荐文章于 2024-05-14 10:49:40 发布

Beam007

最新推荐文章于 2024-05-14 10:49:40 发布

阅读量9.9k

点赞数 6

分类专栏： vue

本文链接：https://blog.csdn.net/Beam007/article/details/94390235

版权

本文介绍了在使用百度地图时遇到的中心点设置不准确和标注点位置偏离的问题。通过分析，发现问题是由于地图初始化时容器尺寸未正确计算导致。通过延迟加载地图和调整菜单宽度，成功解决了中心点偏离的问题。同时，初始化标注点位置也得到了修正。

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

百度地图的引入

在index.html引入百度地图开发包如下：

<!DOCTYPE html>
<html>
  ……
  <body>
    <div id="app"></div>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=百度地图开放平台申请的API.KEY"></script>
  </body>
</html>

若控制台有黄色警告
在这里插入图片描述
建议改api为getscript即可

<script type="text/javascript" src="http://api.map.baidu.com/getscript?v=2.0&ak=百度地图开放平台申请的API.KEY"></script>

接着eslint报错BMap未定义，但是地图加载进来了能正常使用，只需配置eslint让其识别BMap这个全局变量，方法同cdn引入第三方包时的配置：
1、修改webpack.base.conf.js

externals: {
    'vue': 'Vue',
    'vue-router': 'VueRouter',
    ……
    'BMap': 'window.BMap'
  }

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Beam007

关注关注

6
点赞
踩
8

收藏

觉得还不错? 一键收藏
2
评论
使用百度地图中心点和坐标偏移的问题

百度地图的引入在index.html引入百度地图开发包如下：<!DOCTYPE html><html> …… <body> <div id="app"></div> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2....
复制链接

扫一扫