简介:自己修改的离线地图API 2.0版本, 支持百度电子、卫星地图任意切换(把两者的瓦片下载下来放在对应的文件夹中即可),支持点线面标注、测距等,marker可以自定义更改图标,infowindow可以上传图片、视频(MP4格式)、超链接等。要是不用于实测定位等下载google地图瓦片也是可以的,以下为效果图(全来自本地哦):
实现方式:
1.html文件引入核心的apiv.2.0.js(该js主要是通过算法把一张张瓦片拼装一整张地图),引入控件、工具类文件getmodules.js(百度官方是根据不同的需求去请求相应的module,我这里是把所有modules放入到一个js文件中,这样做会降低代码运行速率);
2.创建map变量 var map = new BMap.Map("container", mapType: BMAP_NORMAL_MAP); 其他的就和百度在线地图开发一模一样啦;
3.所有对地图的点线面标注的编辑保存是通过 ajax提交给php,再保存到数据中,每次访问在加载完地图瓦片后都会从数据库读取标注内容。
4.值得注意的是要实现上图功能还需要引入百度的绘图js和css,我全部放到了本地:
<script type="text/javascript" src="js/apiv.2.0.js"></script>
<script type="text/javascript" src="js/getmodules.js"></script>
<script type="text/javascript" src="js/DistanceTool_min.js"></script> //测距js
<script type="text/javascript" src="js/DrawingManager_min.js"></script> //绘图js
<link rel="stylesheet" href="js/DrawingManager_min.css" /> //绘图css