vue项目百度地图离线开发

公司项目部署的服务器，不能访问外网，所以使用离线地图

实现离线开发最主要最重要的就是瓦片的下载和相关的js文件

具体实现分三大步骤，map压缩包中的js文件已做处理，按照以下步骤即可实现初始化地图

第一步

下载压缩包分享链接 https://pan.baidu.com/s/1YLCgMvpm36APO_ue8uK7ow#list/path=%2F 提取码：ibaw

第二步

解压全能下载器地图打开imaps.exe应用下载需要的瓦片数据

首次进入，需要配置地图密钥没有的申请百度地图API密钥保存之后如果地图不显示，重启应用

下载瓦片数据主要是这三步骤其他设置自行摸索

下载完的数据格式如图

第三步

解压map.zip

把下载好的瓦片目录数据放到tiles目录下

说明：如果瓦片数据过大，建议后台做neginx代理然后修改baidumap_offline_v2_load.js文件下的

'tiles_dir': ‘后台地址’即可

创建html文件引入相关文件注意文件顺序不能错不然会报错

初始化地图

然后组件引入即可

vue项目百度地图离线开发相关推荐

百度地图离线开发demo（vue+百度地图3.0+百度瓦片）（仅供参考，学习探讨）
公司需求开发离线地图功能.搜索学习,踩坑,试验(由于参考借鉴了n多文章,就不分别贴出对应文章了,感谢分享...),最终整合了一套集成vue的离线地图开发方案,文章将分享一整套的解决方案思路与方式.后续 ...
百度地图离线开发V2.0
离线地图资源,完全可脱离互联网访问,正在发愁局域网或内网使用地图定位的小伙伴们福音来了......哈哈哈哈哈!!! 支持各大主流浏览器 IE7.8.9.10.11,火狐.360浏览器.谷歌浏览器如果 ...
百度地图离线开发需求介绍
离线地图资源,完全可脱离互联网访问,正在发愁局域网或内网使用地图定位的小伙伴们福音来了......哈哈哈哈哈!!! 支持各大主流浏览器 IE7.8.9.10.11,火狐.360浏览器.谷歌浏览器如果 ...
百度地图离线开发2.0
目录项目运行环境在html中所有的元素都是可以选中的,在地图中也可以的,选中时整个地图会出现蓝色的选中效果,要去除这种现象可以使用下面样式设置设置地图显示的最大.最小级别设置地图显示范围,超出 ...
百度地图离线开发demo-测距（vue+百度地图3.0+百度瓦片）
demo内容有:(海量数据地图绘制,迁徙图,弹窗边界避让的问题,热力图,初始化离线地图),不要订阅了.有需要可以评论问我....demo列的都是我有写过,并且实现的.有需求也可以说.我有时间写demo ...
百度地图离线开发demo-海量数据绘制
demo内容有:(海量数据地图绘制,迁徙图,弹窗边界避让的问题,热力图,初始化离线地图),不要订阅了.有需要可以评论问我....demo列的都是我有写过,并且实现的.有需求也可以说.我有时间写demo ...
百度地图离线开发demo（热力图）
热力图主要用了bmplib插件, initMap() {this.map = new BMap.Map('myMap');const point = new BMap.Point(118.138979 ...
百度地图离线开发demo-迁徙图
迁徙图绘制使用到的工具,需注意,文件中,不要import对应的echart,版本不同会导致绘制报错,引用此版本即可 <script type="text/javascript" ...
使用Angular8和百度地图api开发《旅游清单》
前言: 本文的目的是通过一步步实现一个旅游清单项目,让大家快速入门Angular8以及百度地图API.我们将收获: Angular8基本用法,架构使用百度地图API实现自己的地图应用解决调用百度地 ...

vue项目百度地图离线开发

vue项目百度地图离线开发相关推荐

最新文章

热门文章

vue项目 百度地图离线开发

vue项目 百度地图离线开发相关推荐

最新文章

热门文章

vue项目百度地图离线开发

vue项目百度地图离线开发相关推荐