初始化地图

原创已于 2022-04-19 09:51:18 修改 · 203 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#高德地图

于 2022-04-19 09:25:11 首次发布

高德地图js 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了如何使用HTML和JavaScript在网页上实现AMAP地图的集成，展示了如何创建一个简单的地图实例并设置基本配置。

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
  <title>Document</title>
  <style>
    html,
    body {
      padding: 0;
      margin: 0;
      height: 100%;
    }

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

  </style>
  <script type="text/javascript"
    src="https://webapi.amap.com/maps?v=1.4.15&key=申请码"></script>
</head>

<body>

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

  <script type="text/javascript">

    //地图加载
    var map = new AMap.Map("container", {
      resizeEnable: true
    });
    
  </script>

</body>

</html>