在echarts中使用百度地图，卫星地图

最新推荐文章于 2025-05-21 14:55:34 发布

zh阿飞

最新推荐文章于 2025-05-21 14:55:34 发布

阅读量1w

点赞数 8

CC 4.0 BY-SA版权

分类专栏： echarts JavaScript

本文链接：https://blog.youkuaiyun.com/z1832729975/article/details/89798959

在echarts中使用百度地图，卫星地图

<!-- 首先引入百度地图 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.2.1/echarts.min.js"></script>
	<script src="https://api.map.baidu.com/api?v=2.0&ak=你的秘钥&__ec_v__=20190126"></script>
    <script src="http://echarts.baidu.com/gallery/vendors/echarts/extension/bmap.min.js"></script>

在引入 http://echarts.baidu.com/gallery/vendors/echarts/extension/bmap.min.js 时，我们把源文件打开，源码中的 var c = t.__bmap = new BMap.Map(m) 这个就是新建的一个地图，这个使用的是百度地图默认的地图类型 BMAP_NORMAL_MAP

可以对这个位置就行修改，修改为 var c = t.__bmap = new BMap.Map(m, {mapType:BMAP_HYBRID_MAP}),这样就重新引入这个新文件就可以了