高德地图离线地图开发 教程

news/2025/2/7 7:12:32/

        离线地图开发主要有两部分组成:1、获取离线地图数据;因为离线地图一般都是局域网,所以需要离线地图数据放在内网中使用;2、离线地图服务器搭建以及二次开发接口提供,离线地图是一种服务,就像我们Apache提供的WEB服务器一样,他是一种准们的地图服务:提供了包括 WEB服务、TMS服务、WMTS服务等等。

     离线地图数据的获取:可以通过【大地图下载器】下载到。

下面将一下,离线地图服务器的搭建。

    下载安装 BIGEMAP离线地图服务器:省略

   第一步:打开离线服务端程序后,选择“添加离线地图”,如下图:

 

      第二步:选择“添加离线地图”,弹出如下对话框:

c12.jpg

 

    地图名称:北京地图 (工具你自己的需要任意命名)

    瓦片库文件:选择后面的浏览,找到你下载的离线地图瓦片,里面有个map.ini文件,选择这个文件,如下图:

c13.jpg

 

    选择完成后,点击“创建”,如下图:

c15.jpg

 

    添加的离线地图,会在“管理地图”里面,默认添加进来的地图服务就是启动的

    点击“浏览”,查看地图,如下图:

   

    离线地图通过WEB服务器可以打开了,具体调用二次开发如下图:

  

点击后面的开发使用,可以看下如下的源代码:

<!DOCTYPE html>

<html>

<head>

<meta charset='UTF-8' />

<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no'/>

<link href='http://localhost:9000/bigemap.js/v2.1.0/bigemap.css' rel='stylesheet'/>

<script src='http://localhost:9000/bigemap.js/v2.1.0/bigemap.js'></script>

<style>

body { margin: 0; padding: 0; }

#map { position: absolute; top: 0; bottom: 0; width: 100%; }

</style>

<title>测试1111</title>

</head>

<body>

<div id='map'></div>

<script> BM.Config.HTTP_URL = 'http://localhost:9000';

var map = BM.map('map', 'bigemap.5mjnitgu', { center: [33.884422302246094, 113.49996948242188], zoom: 13, zoomControl: true });

map.fitBounds([[33.878509521484375, 113.4906997680664], [33.89033508300781, 113.50923919677734]]);

</script>

</body>

</html>

以上源代码直接拷贝另存为HTML,就可以本地访问地图了。

更多接口,可以参看详细的API接口文档:


http://www.ppmy.cn/news/792236.html

相关文章

前端加载高德离线地图的解决方案

核心是需要下载地图瓦片放在本地&#xff0c;脱离在线地图服务&#xff0c;实现离线加载地图。 使用BIGMap工具下载地图离线瓦片到本地 下载地址&#xff1a;http://www.bigemap.com/reader/download/detail201802015.html BIGEMAP GIS Office-全能版 需要注册试用版&#xff0…

如何搭建高德离线地图服务

下载离线地图数据(支持谷歌、百度、高德等所有地图源) 发布时间&#xff1a;2019-03-12 版权&#xff1a; 离线地图分为两种&#xff1a;一种叫“金字塔瓦片”数据&#xff0c;一种叫“矢量地图数据”。我们看的在线地图比如&#xff0c;百度&#xff0c;谷歌&#xff0c;高德…

Git Stash:有效管理你的临时代码更迭

需求 在软件开发中&#xff0c;我们经常会遇到需要切换分支或处理紧急 bug 的情况&#xff0c;但又不希望丢失正在进行中的工作进展。这时候&#xff0c;Git Stash 就是你的救命稻草。本文将介绍 Git Stash 的用法&#xff0c;以便于你更好地管理你的临时代码更迭。 实现 在软…

Freertos-mini智能音箱项目---IO扩展芯片PCA9557

项目上用到的ESP32S3芯片引脚太少&#xff0c;选择了PCA9557扩展IO&#xff0c;通过一路i2c可以扩展出8个IO。这款芯片没有中断输入&#xff0c;所以更适合做扩展输出引脚用&#xff0c;内部寄存器也比较少&#xff0c;只有4个&#xff0c;使用起来很容易。 输入寄存器 输出寄存…

linux 黑屏后死机,如何修复各种各样的黑屏死机

每次我们打开这些设备&#xff0c;我们都希望我们生活中的科技能发挥作用。当他们不能工作时&#xff0c;会让我们非常沮丧&#xff0c;尤其是当我们不知道如何解决问题时。所谓的“死亡黑屏”在操作系统之间很常见&#xff0c;当您打开机器&#xff0c;但屏幕空白。有时监视器…

MacOS VSCode 突然打开黑屏的解决办法

症状 打开VSC后一直卡在如下界面&#xff0c;重装无果。 使用./Electron --verbose启动之&#xff0c;发现先是报错ERROR:interface_endpoint_client.cc(659)] Message 1068032789 rejected by interface network.mojom.NetworkService&#xff0c;然后网络服务崩溃退出&…

怎么查mac电脑是不是正品_Mac电脑突然黑屏怎么办?

苹果笔记本开机后突然黑屏的解决方法 方法一&#xff1a; 如果将带有磁铁的设备放在Mac笔记本下方&#xff0c;或置于掌托的位置&#xff0c;电脑可能会意外进入睡眠&#xff0c;从而产生“黑屏”的状态。因此&#xff0c;可以先检查一下是否有以下情形&#xff1a; 将 iPhone、…

python中列表,集合和元组的特点和使用方法

列表list ls [a,b,c,d,e,f,g] --------- 弱数据类型 特点&#xff1a; 1.常见线性表&#xff08;数组 栈 队列 链表&#xff08;单链表和双链表&#xff09;&#xff09;----- 基于链表实现的&#xff08;双链表&#xff09; &#xff01;&#xff01;&#xff01;python里面…