浏览器看不到3D效果
问题描述：
Chrome Firefox Opera IE 都试过，看不到3D效果，麻烦帮忙看下是哪里的问题
相关截图：
相关代码：
<!Doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>地图类型转换</title>
<script type="text/javascript"
src="https://webapi.amap.com/maps?v=1.4.15&key=aa2dd8517ace29ac1eb05616ce5c9498&plugin=AMap.ControlBar">
</script>
<style>
* {
margin: 0;
padding: 0;
list-style: none;
}
#container {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.amap-icon img {
width: 25px;
height: 30px;
}
</style>
</head>
<body>
<div id="container"></div>
<script>
var map = new AMap.Map('container', {
zoom: 17,
pitch: 83,
center: [116.379391, 39.861536],
viewMode: '3D',
buildingAnimation: true
});
map.addControl(new AMap.ControlBar({
showZoomBar: true,
showControlButton: true,
position: {
right: '50px',
top: '30px'
}
}))
</script>
</body>
</html>
尝试过的解决方式：
检查代码
源自：高德地图
7-1 2d-3d转换
17
收起
正在回答
2回答
同学你好，看截图浏览器是可以的，老师这边又多次测试了一下，代码能实现效果。应该是在浏览器打开页面时，默认是2d效果。建议点击右上角，切换一下3d效果。如下：
祝学习愉快~
相似问题
chrome浏览器失效
0
0
3
关于浏览器问题
20
0
5
在哪里找到老师在课堂中的切换不同浏览器的模式
35
0
3
浏览器看不见城市导航区内容
9
0
3
为什么先要清理缓存再刷新才可以 看效果?
14
1
7
登录后可查看更多问答，登录/注册
3.WebAPP开发与小程序
- 参与学习 人
- 提交作业 622 份
- 解答问题 6815 个
微信带火了小程序，也让前端工程师有了更多的展现机会，本阶段带你从移动基础知识的学习到webAPP开发，及小程序开发，让你PC端与移动端两端通吃。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星