echarts结合百度离线地图

发布于 / 前端 / 3 条评论

1.引入css与js文件


<script type="text/javascript" src="js/apiv2.0.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/bmap.css"/>

2.创建地图容器


<div style="width:520px;height:340px;border:1px solid gray" id="container"></div>

3.初始化地图


<script type="text/javascript">
// 百度地图API功能
var map = new BMap.Map("container"); //创建Map实例
map.centerAndZoom(new BMap.Point(108.92162, 34.23201), 13); //初始化地图,设置中心点坐标和地图级别
//map.addControl(new BMap.MapTypeControl()); //添加地图类型控件 离线只支持电子地图,卫星/三维不支持
//map.setCurrentCity("北京"); //设置地图显示的城市 离线地图不支持
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
map.addControl(new BMap.NavigationControl()); //缩放按钮
</script>

4.在demo文件夹tiles中放的是地图瓦片,建议使用全能地图下载器(提取码:od09)等下载工具下载地图瓦片并替换(我自己用全能地图下载器下载的瓦片并不能用,而且下载速度非常慢大概10KB/s)。

5.demo下载(提取码:n2oo)

6.查看原文

转载原创文章请注明,转载自: 锅盖君 » echarts结合百度离线地图
  1. avatar

    demo

  2. avatar

    好嗨哟

  3. avatar

    厉害了