离线地图
本单元是针对显示离线Fengmap地图的配置说明。
地图数据下载
打开并登陆蜂鸟云网站,进入我的数据列表中中分别下载私有地图及主题数据。
下载相应的私有地图数据和私有主题数据到本地:
解压下载的文件,得到一个相应地图id名称的文件夹,文件夹内包括fengmap数据和相应的主题资源压缩包(注意:fengmap数据ID禁止修改),解压主题资源压缩包:
公共地图数据下载
打开开发主页,在资源目录下可自由下载公共地图数据。地图文件格式为 地图ID.fmap
本地地图数据
将下载的地图数据copy到网站目录下,确保您在网站目录下已经存放了*.fmap的地图文件。
若加载私有地图数据,目录下必须包含对应的主题资源文件夹。离线主题资源的导入参见上文。
如下图所示:
初始化地图配置
在显示地图的html页面中,找到对应初始化地图的js位置,添加调用本地地图文件的设置即设置fengmap.MapOptions的mapServerURL值。参考代码如下:
var fmapID = '10347';
var map = new fengmap.FMMap({
container : document.getElementById("map"), //设置显示地图容器
//设置本地地图数据的相对路径。对应的地图文件为:data/{fmapID}/{fmapID}.fmap
mapServerURL:'./data/' + fmapID,//地图数据位置
mapThemeURL: './data/theme',//设置主题
defaultThemeName: '3007',//设置默认主题
appName:'蜂鸟研发SDK_2_0', //开发者应用名称
key:'57c7f309aca507497d028a9c00207cf8' //开发者申请应用下web服务的key
});
显示地图
调用map.openMapById
即可显示离线地图,后面针对map的操作都将反映到此地图上显示。
//加载根据地图配置服务器地址的{mapId}.fmap文件
map.openMapById(fmapID);//mapId