如何开发离线地图服务

        离线地图开发主要有两部分组成: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接口文档:

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值