我本地高德地图打不开为什么

我本地高德地图打不开为什么

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>高德地图开发</title>

<style>

#container {width:100%; height: 100%; }  

</style>

</head>

<body>

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

<!--Key:1aedc3a30567ad4851b854c08f0533d2  -->

<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=1aedc3a30567ad4851b854c08f0533d2"></script> 

<script>

var map = new AMap.Map('container');

</script>

</body>

</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕久久 2020-05-26 10:47:22

同学你好,由于“container”元素没有高度,所以地图没有展示出来,如下:

http://img1.sycdn.imooc.com//climg/5ecc830a0922cfd007660288.jpg

原因是“container”的宽高100%是相对于body的,而body没有宽高,所以需要给body设置宽高才行,如下:

http://img1.sycdn.imooc.com//climg/5ecc831609bc573805540148.jpg

如果我的回答帮到了你,欢迎采纳,祝学习愉快

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师