您现在的位置: 首页 > SDK开发 > 开发指南


Hello,ESMap 只需四步,从零开始在浏览器中显示一个炫酷的三维地图! SDK目前不支持用require js引用,只能使用<script src="lib/esmap.min.js"></script >引用

第一步:引入esmap sdk


<script src="lib/esmap.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(10005);                 //根据ID打开地图

大功告成!

example