您现在的位置: 首页 > 城市三维地图SDK开发 > 开发指南


第一步:分别引入esmap城市版sdk


<script src="lib/esworldmap-1.0.min.js" > </script >

第二步:创建地图容器


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

第三步:配置初始化参数,并创建地图 更多配置选项,参考初始化配置参数页面


// 初始化地图
var map = new esmap.ESWorldMap({
    container: document.getElementById('map-container'), //地图显示容器
    themeID: 'W2001', //主题ID
    cids: 'esmapcitydemo',
    tileType: 'autonavi', // 高德瓦片地图
    token: 'escope', // 打开地图对应的token
    center: [12683203.6, 2574401.4], // 地图初始化位置
});

// 初始化场景特效
esmap.ESEffectTool.init({
    isSetRoomEffect: true, // 是否设置矢量建筑特效
    isShowSkybox: true // 是否应用天空盒
});

// 初始化地图瓦片
esmap.ESTileMap.init({
    scaleLevel: 16, // 地图默认初始化缩放等级
});

大功告成!

example