根据经纬度、角度、距离获取另一个点的经纬度

需求，做高德地图时，设置覆盖物，点击搜索结果默认在给定半径内设置4个坐标点形成覆盖区域

这就需要根据获取到的经纬度获取计算半径内4个点的坐标

计算方法：

https://stackoverflow.com/questions/7222382/get-lat-long-given-current-point-distance-and-bearing

php

public static function getRandLngLat($lng, $lat, $angle, $distance) 
  {
    # 地球半径 KM
    $raidus = 6378.14;

    $pi = 3.14;
    $latitude1 = $lat * ($pi / 180);
    $longitude1 = $lng * ($pi / 180);
    $brng = $angle * ($pi / 180);

    $latitude2 = asin(sin($latitude1) * cos($distance / $raidus) + cos($latitude1) * sin($distance / $raidus) * cos($brng));
    $longitude2 = $longitude1 + atan2(sin($brng) * sin($distance / $raidus) * cos($latitude1),cos($distance / $raidus)-sin($latitude1) * sin($latitude2));
  
    $latitude2 = $latitude2 * (180/$pi);
    $longitude2 = $longitude2 * (180/$pi);

    $lat2 = round ($latitude2, 6);
    $lng2 = round ($longitude2, 6);

    $data = [
      'lat' => $lat2,
      'lng' => $lng2,
    ];
    return $data;
  }

 

其实高德地图提供了方法，使用很简单

AMap.event.addListener(placeSearch,"markerClick",function(e) {
        if (e.data) {
          var lng = e.data.location.lng
          var lat = e.data.location.lat
          var lnglat = new AMap.LngLat(lng, lat)
          var lnglat1 = lnglat.offset(100, 0)
          var lnglat2 = lnglat.offset(0, 100)
          var lnglat3 = lnglat.offset(-100, 0)
          var lnglat4 = lnglat.offset(0, -100)

          var path = [
            lnglat1,
            lnglat2,
            lnglat3,
            lnglat4
          ]

          polygon = new AMap.Polygon({
            path: path,
            strokeColor: "#FF33FF", 
            strokeWeight: 6,
            strokeOpacity: 0.2,
            fillOpacity: 0.4,
            fillColor: '#1791fc',
            zIndex: 50,
          })
        
          map.add(polygon)
          // 缩放地图到合适的视野级别
          map.setFitView([ polygon ])
          polyEditor = new AMap.PolyEditor(map, polygon)
          polyEditor.open()
        }
        console.log(e.data.location);//当前marker的经纬度信息

        console.log(e.data.location.lng +',' + e.data.location.lat);

        console.log(e.data.address);//获取当前marker的具体地址信息

        console.log(e.data);//则是包含所有的marker数据
      });