Fengmap JavaScript SDK

离线地图 本单元是针对显示离线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