百度地图 3.0 WEB离线开发

您所在的位置:网站首页 百度地图资源下载 百度地图 3.0 WEB离线开发

百度地图 3.0 WEB离线开发

2024-07-10 07:47| 来源: 网络整理| 查看: 265

一、 开场

很多小伙伴又被公司逼迫的要开发啥离线地图啥的,我今天就来解决你们的痛苦,其实就是将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