根据经纬度、角度、距离获取另一个点的经纬度
程序员文章站
2022-07-05 18:05:24
...
需求,做高德地图时,设置覆盖物,点击搜索结果默认在给定半径内设置4个坐标点形成覆盖区域
这就需要根据获取到的经纬度获取计算半径内4个点的坐标
计算方法:
https://*.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数据
});