uniapp使用高德的离线地图
需求分析:使用uniapp开发原生android和ios,要做一个离线地图的操作,无网的情况下能正常查看地图,只是前期的demo演示,不做特别详细的说明
- 使用高德地图 相关的配置和申请去官网就可以(不想细说)
- 使用openlayer
- 使用原生sdk封装高德的离线地图在uniapp中用
第一种:使用openlayer加载离线瓦片
- 瓦片需要自己去下载
- ol.css和ol.js两个文件我们可以到官网去下载源文件。
-
官网地址:
前期准备工作自行度娘吧,直接上demo
- uniapp中mainfest.json中将高德的相关配置配上之后
- 在css文件中引入ol.css,在js文件中引入ol.js
- 新建存瓦片的文件夹,tiles里面放下载的瓦片
- 新建一个test.vue测试demo
test里面代码:
版权声明:本文为m0_54854317原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。