百度离线地图api2.0 加载本地瓦片 实现点线面标注 ajax提交(完全内网)

简介:自己修改的离线地图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


加我QQ 494375696 可以发给你js文件(修改过的离线版)  


评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值