Hello,ESMap!(室内三维可视化场景篇)

只需四步,从零开始在浏览器中显示一个炫酷的室内三维可视化场景!

SDK目前不支持用require js引用,只能使用<script></script >引用

第一步:引入esmap室内版SDK

    <script src="./lib/esmap-1.6.min.js"></script>
  

第二步:创建场景容器

    <div id="map-container"> </div>
  

第三步:拷贝场景数据和主题数据到您的项目中

如果您还未创建任何场景,您也可以访问我们的demo下载页面直接下载示例

推荐拷贝路径为:根目录>data文件夹>场景数据文件/主题文件夹>主题文件

第四步:配置初始化参数,并创建场景

更多配置选项,参考初始化配置参数页面
    var map = new esmap.ESMap({
    container: document.getElementById("map-container"), // 场景显示容器
    token: "escope"               // 打开场景对应的token
    mapDataSrc: "data/",          // 场景数据位置,与推荐目录相同可省略
    mapThemeSrc: "data/theme/",   // 场景主题位置,与推荐目录相同可省略 
});
map.openMapById("test666");       // 根据场景ID打开场景
  

请放到IIS、Tomcat、NodeJs等服务器目录下,通过浏览器访问http:// ip或者网址来查看,直接双击网页文件是查看不了的!!!

大功告成