Question

如何使用视口查找google maps api而不是radius的地方，radius方法对我来说不太准确。

即。我使用类型限制只能在伦敦半径50.000米范围内获得nigh_club，而且我的标记中没有声音部。

如果有人对如何改进和提出请求有任何建议，我会很高兴。

注意：搜索请求

var request = {
  location: location,
  radius: 3000,
  //types: ['night_club, bar']
  keyword: 'night+club'
};

Answer 1

使用LatLngBounds根据定义视口的SW和NE坐标定义location，而不是LatLng + radius。

var viewport = new google.maps.LatLngBounds(
    new google.maps.LatLng(southLat, westLng), // SW
    new google.maps.LatLng(northLat, eastLng)  // NE
);

var request = {
    location: viewport,
    // types: ['night_club', 'bar'] 
    keyword: 'night club'
};

https://developers.google.com/maps/documentation/javascript/reference#LatLngBounds

Answer 2

您可以使用此函数获取当前视口半径

我在这里做的是在谷歌地图中获取当前视口的中心和东北点，然后我计算这两个点之间的距离，就是这样。结果在 meters

中给出

var bounds = window.map.getBounds();
var ne_bounds = bounds.getNorthEast();
var center = bounds.getCenter();
var radius = google.maps.geometry.spherical.computeDistanceBetween(center, ne_bounds);

您也可以通过创建这样的圆圈来检查这一点

function draw_map_bounds_circle() {
  var bounds = window.map.getBounds();
  var ne_bounds = bounds.getNorthEast();
  var circle_center = bounds.getCenter();
  var circle_radius = google.maps.geometry.spherical.computeDistanceBetween(circle_center, ne_bounds);
  
  const newCircle = new google.maps.Circle({
    strokeColor: "#7CA0C0",
    strokeOpacity: 0.8,
    strokeWeight: 2,
    fillColor: "#7CA0C0",
    fillOpacity: 0.35,
    map: window.map,
    center: circle_center,
    radius: circle_radius
  });
}

注意：确保从谷歌地图 API 导入几何库。参考https://developers.google.com/maps/documentation/javascript/geometry

Google会使用视口而不是半径

2 个答案: