地图获取API-CFANZ编程社区

地图获取API
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>04_map.html</title>
  <style>
    #container {
      width: 400px; height: 400px;
      border: 2px solid black;
    }
  </style>
</head>
<body>
  <div id="container"></div>

  <script type="text/javascript">
    window._AMapSecurityConfig = {
        securityJsCode:'c267e08f12580531eadc767a3bb157e9',
    }
  </script>
  <script type="text/javascript" 
    src="https://webapi.amap.com/maps?v=2.0&key=8a3c893681bbe54be8f81b7e99c934cd"></script> 

  <script>
    // 获取当前位置
    let geoloc = window.navigator.geolocation
    geoloc.getCurrentPosition((success)=>{
      let lat = success.coords.latitude  // 纬度
      let lng = success.coords.longitude // 经度
      var map = new AMap.Map('container', {
        zoom:15,//级别
        center: [lng, lat],//中心点坐标
        viewMode:'3D'//使用3D视图
      });
    }, (err)=>{
      console.warn(err)
    }, {timeout:5000})
  </script>

  </body>
</html>
0 条评论