uniapp使用高德的离线地图

  • Post author:
  • Post category:uniapp




uniapp使用高德的离线地图

需求分析:使用uniapp开发原生android和ios,要做一个离线地图的操作,无网的情况下能正常查看地图,只是前期的demo演示,不做特别详细的说明

  • 使用高德地图 相关的配置和申请去官网就可以(不想细说)
  • 使用openlayer
  • 使用原生sdk封装高德的离线地图在uniapp中用



第一种:使用openlayer加载离线瓦片

  • 瓦片需要自己去下载
  • ol.css和ol.js两个文件我们可以到官网去下载源文件。

  • 官网地址:

前期准备工作自行度娘吧,直接上demo

  1. uniapp中mainfest.json中将高德的相关配置配上之后
  2. 在css文件中引入ol.css,在js文件中引入ol.js
  3. 新建存瓦片的文件夹,tiles里面放下载的瓦片
  4. 新建一个test.vue测试demo

在这里插入图片描述

test里面代码:



版权声明:本文为m0_54854317原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。