高德地图地图的加载(一)

首先要申请高德地图开发的key值,这里就不做叙述。
HTML部分:
****

-css部分

html,
body,
#container {
height: 100%;
width: 100%;
}
JS部分:
map = new AMap.Map(‘container’, {
viewMode: ‘3D’,
showBuildingBlock: false,//设置地图显示3D楼块效果,移动端也可使用。推荐使用。
center: [118.783748, 32.059425],
layers: [
new AMap.TileLayer.Satellite(),
new AMap.TileLayer.RoadNet()
],
pitch: 55,
zoom: 12
});
console.log(11111)
高德地图地图的加载(一)_第1张图片
此处3d图是能看见山地的立体图,也可设置为2d图。这便完成了高德地图最简单的加载,我在移动端使用 的mui框架,需在js部分再加一个预加载函数:
mui.plusReady(function(){
加载函数放中间
}

你可能感兴趣的:(高德地图)