• 周四. 8月 11th, 2022

5G编程聚合网

5G时代下一个聚合的编程学习网

热门标签

高德地图 js 使用方法(待整理)

admin

11月 28, 2021
<div id="container"></div>  

<!--2、引入高德地图的js-->
  <script type="text/javascript"
    src="https://webapi.amap.com/maps?v=1.4.8&key=d615f75bc293b8ccd365cca4152b4e49"></script>
  <!--3、异步初始化高德地图插件-->
  <script>
    //初始化地图插件
    window.onload = function () {
      var map = new AMap.Map("container", {
        zoom: 15, //设置地图显示的缩放级别
        center: [103.670488, 36.484099] //设置地图中心点坐标 ,36.484099,103.670488
      });

      // 创建一个 Marker 实例:(标记点)
      var marker = new AMap.Marker({
        position: new AMap.LngLat(103.670488, 36.484099), // 经纬度对象,也可以是经纬度构成的一维数组[116.39, 39.9]
        title: "我们在这里"
      });

      // 将创建的点标记添加到已有的地图实例:
      map.add(marker);
    }
  </script>

发表评论

您的电子邮箱地址不会被公开。