高德地图地图的加载（一）

最新推荐文章于 2024-06-27 11:12:15 发布

菜小鸟桃夭

最新推荐文章于 2024-06-27 11:12:15 发布

阅读量2.2k

点赞数

分类专栏：高德地图

本文链接：https://blog.csdn.net/pubiao4936/article/details/86520686

版权

高德地图专栏收录该内容

1 篇文章 0 订阅

订阅专栏

首先要申请高德地图开发的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)
在这里插入图片描述
此处3d图是能看见山地的立体图，也可设置为2d图。这便完成了高德地图最简单的加载，我在移动端使用的mui框架，需在js部分再加一个预加载函数：
mui.plusReady(function(){
加载函数放中间
}