老师，为什么我无法引入地图，是哪里写错了吗？
来源：2-1 我的第一个地图应用
许维栋
2020-02-09 15:34:45
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=5a6396ffa7781dfd3fbb0c6ebd065b3e"></script>
<style>
#container{
width:100%;
height:100%;
}
</style>
</head>
<body>
<div id="container"></div>
</body>
</html>
<script type="text/javascript">
var map = new AMap.Map('container', {
center:[117.000923,36.675807],
zoom:11
});
</script>
1回答
-
好帮手慕糖
2020-02-09
同学你好，是引入了，但是没有显示，是因为高度设置百分比是参考父级的来设置的。但是这里#container的父级并没有设置高度。建议：可以将html、body也设置高度100%，例：
或者参考课程中老师的，设置定位，使其脱离文档流，就不需要参考父级的高度了，例：
如果我的回答帮助了你，欢迎采纳，祝学习愉快~
0
相似问题
回答 4
回答 2