离线地图 Bigemap

官网：http://www.bigemap.com/

一、软件下载

下载地址：http://www.bigemap.com/reader/download/

• BIGEMAP GIS Office-全能版：下载地图的，前端可开发时使用
• Bigemap Server（开发版）：地图数据服务器，运维下载使用

二、获取离线地图

1、配置

• 获取配置文件，比如：bigemap最新配置文件.bmms
• 打开BIGEMAP GIS Office --> 选择地图 --> 添加，在打开的自定义地图管理器 中选择 从配置文件添加在线地图

2、下载地图

三、添加地图至地图服务器

• 上传离线地图文件至服务器

• 打开BIGEMAP Server，点击进入，添加离线地图(2D)

• 设置服务名，选择map.ini格式文件或***.bmdb**格式文件，点击创建

四、开发使用

• 在地图服务器的离线服务中点击开发使用

• 开发使用

五、使用示例

• 在全局文件index.html中引入下载好的地图配置文件

<!-- 离线地图 -->
<link href="./bigemap/bigemap.css" rel="stylesheet" />
<script src="./bigemap/bigemap.js"></script>
<!-- 离线地图marker工具 -->
<link rel="stylesheet" href="./bigemap/MarkerCluster.Default.css" />
<script type="text/javaScript" src="./bigemap/bm.markercluster-src.js"></script>

• 添加地图容器div，设置id

<div id="mapId"></div>

• 创建地图

/**
  * 创建地图
  */
drawMap() {
   BM.Config.HTTP_URL = 'http://localhost:9527'  // 地图服务器地址，这里只是示例
   this.map = BM.map('mapId', 'bigemap.0q96f892', { center: [40.250347137451, 116.462493896484], zoom: 2, zoomControl: true })
   this.map.fitBounds([[39.44145965576172, 115.41685485839844], [41.05923080444336, 117.50813293457031]]);
}