百度地图 3.0 WEB离线开发 |
您所在的位置:网站首页 › 百度地图资源下载 › 百度地图 3.0 WEB离线开发 |
一、 开场 很多小伙伴又被公司逼迫的要开发啥离线地图啥的,我今天就来解决你们的痛苦,其实就是将js下载下来,将js中的加载地图瓦片路径改为自己本地的,下面认真看下去。 二、 步骤 1. 首先到百度地图API开发平台:http://lbsyun.baidu.com/index.php ,申请一个应用,现在申请应用是免费的 2. 其次到V3.0 API文档这 :http://lbsyun.baidu.com/jsdemo.htm#canvaslayer 将路由src的路径拷贝到浏览器中,在前面加上 https://${src} ,将秘钥替换为申请的应用秘钥,打开是下面这样的 最后再将本次的src路由拷贝到浏览器,就是百度地图离线API的js文件内容,部分如下图 再用JS格式化工具格式化:https://tool.oschina.net/codeformat/js/ 3. 开始写代码了 [1] 创建一个前段项目 将格式化好的JS拷贝到js下面,并且命名为 bmap_offline_api_min.js 在创建一个getmodules2.0.js,这个主要作用就是本地资源工具js,下面会说到的如何下载工具js,我们先改变0bmap_offline_api_min.js [2] 写一个html页面,index.html Hello, World html{height:100%} body{height:100%;margin:0px;padding:0px} #container{height:100%} // 百度地图API功能 var map = new BMap.Map("container"); // 创建Map实例 var point = new BMap.Point(116.404, 39.915); map.centerAndZoom(point, 1); // 初始化地图,设置中心点坐标和地图级别 map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放 var json_data = [[116.404,39.915],[110.404, 30.916],[96.404, 39.917]]; var pointArray = new Array(); for(var i=0;i |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |