您现在的位置: 首页 > SDK开发 > 易景室内地图示例本地离线运行


室内地图免费离线地图部署本地运行-室内三维地图示例本地运行方法步骤

注意:请保证下载使用的是最新的SDK和DEMO例子文档到本地.


1.请先登录帐号后,下载相关DEMO例子文档到本地,如下图所示,文件夹结构说明: 室内地图例子文件夹结构

2.下载运行例子请放到IIS、Tomcat、NodeJs等服务器目录下,通过浏览器访问查看,直接双击网页文件是查看不了的!!!


3.进入会员中心我的地图,下载您自己的室内地图离线地图包.
我的地图下载室内地图

4.下载您自己的室内地图离线地图包解压后,直接拷贝地图数据文件夹(不是单个文件)放到data目录下(不是放10005目录下替换),样式文件直接放到data/theme目录下.

5.下载公用室内地图样式主题文件,样式文件直接放到data/theme目录下.

室内地图例子配置新地图

6.在地图初始化参数里面请配置themeID:'2001',需要自己下载对应的离线地图主题样式。室内地图主题样式下载


7.在室内地图初始化参数里面请配置token:'您的地图TOKEN', (注意要有逗号) 参考页面


8.打开离线地图map.openMapById('10005');这里注意是字符串,需要有''。


9.SDK目前不支持用require js引用,只能使用<script src="lib/esmap.min.js"></script >引用


如何配置在Tomcat、NodeJs等服务器下

此类服务器只需要拷贝到网站发布的目录下就可以了,然后通过http://您的服务器ip/地图网页.html。

如何配置在IIS下运行

  • a.直接拷贝例子代码到IIS目录下一般会出现如下错误
    室内地图运行出错
  • b.请到IIS管理器下配置MIME类型
    室内地图IIS管理器下配置MIME类型
  • c.增加文件扩展名为.esmap的类型为application/octet-stream
    室内地图增加文件扩展名为.esmap的类型
  • d.增加文件扩展名为.theme的类型为application/octet-stream
    室内地图增加文件扩展名为.theme的类型
  • e.使用浏览器访问
    室内地图浏览器访问

浏览器调试方法

请使用chrome浏览器或者火狐浏览器,然后按F12或者如下图所示位置方法,查看console控制台报了什么错误,方便分析问题。
室内地图浏览器F12调试

tomcat下配置.esmap文件类型

在tomcat/conf/web.xml里面配置
<mime-mapping>
<extension>esmap</extension>
<mime-type>application/octet-stream</mime-type>
</mime-mapping>
<mime-mapping>
<extension>theme</extension>
<mime-type>application/octet-stream</mime-type>
</mime-mapping>
易景地图tomcat开启gzip方法1

如果觉得地图加载速度有些慢,请服务器开启gzip压缩

服务器开了gzip压缩,这样文件传输占用带宽就会小很多.

tomcat下配置开启gzip压缩方法


在server.xml里面配置
< Connector port="9090" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="9443" URIEncoding="UTF-8" compression="on" compressionMinSize="1024" noCompressionUserAgents="gozilla,traviata" compressableMimeType="image/bmp,image/png,text/html,text/xml,text/javascript,application/javascript,application/octet-stream,text/css,text/plain" useSendfile="false"/ >
易景地图tomcat开启gzip方法2