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

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

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

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

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

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

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

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

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

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

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

离线地图通过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接口文档:

高德离线地图开发教程相关推荐

  1. 8、 高德离线地图开发教程

    下载离线地图数据(支持谷歌.百度.高德等所有地图源) 发布时间:2019-03-12 版权:BIGEMAP 离线地图分为两种:一种叫"金字塔瓦片"数据,一种叫"矢量地图数 ...

  2. bigemap高德离线地图开发教程

    如何发布ArcGIS Server离线地图(google 瓦片) 发布时间:2018-01-17 版权: 说明 本案例实现内容:GoogleEarth瓦片地图的获取.在ArcGIS Server Ma ...

  3. 8、 谷歌离线地图开发教程

    谷歌(百度.高德)离线地图开发环境搭建 发布时间:2018-01-17 版权: 1.说明 离线地图开发环境支持谷歌地图.百度地图.高德地图等等所有常用地图类型,支持在局域网内的地图部署.二次开发. 2 ...

  4. BIGEMAP谷歌(百度、高德)离线地图开发环境搭建

    谷歌(百度.高德)离线地图开发环境搭建 发布时间:2018-01-17 版权: 1.说明 离线地图开发环境支持谷歌地图.百度地图.高德地图等等所有常用地图类型,支持在局域网内的地图部署.二次开发. 2 ...

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

    离线地图开发主要有两部分组成:1.获取离线地图数据:因为离线地图一般都是局域网,所以需要离线地图数据放在内网中使用:2.离线地图服务器搭建以及二次开发接口提供,离线地图是一种服务,就像我们Apache ...

  6. 高德离线地图开发 java_使用离线地图-创建地图-开发指南-Android 地图SDK | 高德地图API...

    高德3D 地图 SDK支持离线地图功能.(2D 地图 SDK 不支持离线地图功能) 离线地图可满足在无网络环境下查看地图信息的需求,在设备本地有离线地图数据的情况下,SDK 会优先加载离线地图. 离线 ...

  7. 基于Vue的高德离线地图开发--省市县

    基于Vue的高德离线地图 离线地图优势 环境需要 下载地图离线资源包 本项目功能 具体代码 离线地图优势 高德地图接口,个人每天免费调用次数为500次,渲染速度受网络波动影响,又或许项目部署在局域网, ...

  8. 三维地球离线地图开发教程

                  1.如何搭建离线地图开发环境               2.下载离线地图数据(金字塔瓦片数据)               3.下载离线地图地形数据库(实现地表高低起伏) ...

  9. Android高德地图基本开发/在线高德离线地图开发/断网使用离线地图(Assets文件夹的使用)

    文章目录 高德SDK基本使用 前置操作 需求一:显示地图,并以当前所在位置为中心 权限申请 布局功能代码 活动功能代码 效果展示 需求二:离线地图(直接添加到应用端项目内) 需求三 :点击数据后以数据 ...

最新文章

  1. pptv网络电视android,PP视频(原聚力视频)
  2. 查看mysql是否安装成功和mysql的版本信息
  3. 第七章 培养负责的习惯
  4. vue xlsx 导入导出_只需三步vue实现excel文件数据提取并存为json数据
  5. 线下报名 | NVIDIA JETSON 开发者交流会,走进哈工大!
  6. php7.3安装yaf扩展
  7. SAP 电商云 Spartacus 产品明细页面的 pageContext 如何获取的?
  8. access inner join 数据类型不匹配_用Access开发生产管理系统
  9. DataGradView操作之,列头右键菜单隐藏和显示字段功能
  10. ListView动态添加控件
  11. javaweb文件压缩下载
  12. hfss和matlab,matlab-hfss联合仿真教程(初学)--第一节(利用MATLAB编写脚本建立HFSS工程)...
  13. WIN7 IE10降级为IE9
  14. 3300字详解闲鱼上如何找到爆款品类?
  15. 追逐自己的梦想----------辅助制作第二十四课:寻路call的分析
  16. 美的集团计算机综合面试群面,美的集团面试
  17. python打印日历_python 打印日历
  18. 做好演讲者的必备条件
  19. 学堂在线《工程伦理》第八章课后习题及答案(仅供参考)
  20. UNI-APP在自定义组件中内嵌H5/Html网页,可自定义webview大小,加载不闪屏

热门文章

  1. Android/Automotive 多声道录音支持
  2. deepin系统15.6版本安装执行那个exe文件_deepin深度操作系统中常用命令、系统命令、Vi命令...
  3. Druid-imply常用服务的命令
  4. 小米路由器青春版破解使用ssh,非telnet方式
  5. 5G走向生活6G布局研发
  6. 基于fpga的电子琴
  7. ScriptManager的几个属性和方法
  8. Windows工作组环境下账户和组的管理
  9. CCS9使用proteus仿真TMSF320F28027
  10. 如何使用免费手机号归属地查询API快速获取手机号归属地,两种方法【源码可用】