Fengmap JavaScript SDK

配置工程 开发者可通过Sublime Text、Eclipse、Visual Studio等html文本编辑器编写web程序和站点。在项目中添加Fengmap JavaScript SDK文件,在页面代码中添加fengmap.min.js引用,结合HTML,JavaScript等前端技术即可实现对Fengmap 地图web端的展示与应用等功能。本章节介绍使用Fengmap JavaScript SDK 的开发流程。

1、创建web站点

该站点需包含以下文件:

  • • 存放JavaScript SDK 库即fengmap.min.js的lib文件夹。
  • • 前端展示的html页面。
  • • 存储离线Fengmap数据文件夹data(可选文件,注:显示离线数据时候必须存在)。

下图为一个helloFengMap的站点目录结构示例:

2、编写html页面代码

在helloFengMap.html页面引入Fengmap JavaScript SDK 库,并添加地图显示代码。可根据Hello Fengmap 指导编写简单显示fengmap地图页面代码。

Hello Fengmap
3、发布站点

页面完成后发布至tomcat服务器或IIS服务器,浏览器中输入正确的地址即可浏览页面。

注:地图数据格式为*.fmap文件类型。主题数据是包含*.theme配置文件和*.fmi公共设施图标的文件夹。
如果站点发布到IIS或Tomcat时发生浏览错误,可以尝试设置站点的MIME类型解决。".fmap"的MIME类型为"application/octet-stream",".fmi"的MIME类型为"image/png",".theme"的MIME类型为"application/octet-stream"。如下图所示: