原生html使用高德地图

63 阅读1分钟
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

  <div id="map" style="width: 400px;height: 300px;"></div>
  
  <script language="javascript" src="http://webapi.amap.com/maps?v=1.3&key=你的key"></script>
  
  <script type="text/javascript">
    var infoWindow;
    var address = {
      init: function () {
        this.Amap()
      },
      Amap: function () {
        var map = new AMap.Map("map", {
          resizeEnable: true,
          center: [113.948619, 22.534207],
          zoom: 17
        });
        var marker = new AMap.Marker({
          position: map.getCenter()
        });
        marker.setMap(map);
        // 设置鼠标划过点标记显示的文字提示
        marker.setTitle('xxx有限公司');
      }
    }

    address.init()
  </script>
</body>

</html>