求助：Angular JS 1集成Google Maps时WayPoints配额致餐厅显示异常

嘿，我来帮你梳理下这个问题的解决思路！首先得明确核心原因：Google Maps Directions API有严格的WayPoints数量限制——免费版单请求最多支持8个WayPoints（算上起点终点共10个点），付费版是23个WayPoints（共25个点）。当你的WayPoints超限时，API请求会被直接拒绝，连带依赖路线数据的餐厅展示功能就失效了。下面是几个实用的解决方向：

1. 拆分路线请求，分批处理WayPoints #

如果WayPoints数量远超单请求上限，可以把整条路线拆分成多个小的Directions请求，每批控制在配额内，再把各段结果合并，同时在每段路径附近加载餐厅数据。

给你个AngularJS 1/原生JS风格的代码思路：

// 把WayPoints数组按配额拆分
const splitWaypoints = (points, chunkSize) => {
  const chunks = [];
  for (let i = 0; i < points.length; i += chunkSize) {
    chunks.push(points.slice(i, i + chunkSize));
  }
  return chunks;
};

// 分批发起路线请求
const waypointChunks = splitWaypoints(yourWaypointsList, 7); // 留1个位置给段内终点
let currentStart = originPoint;

waypointChunks.forEach((chunk, index) => {
  const request = {
    origin: currentStart,
    destination: index === waypointChunks.length - 1 ? destinationPoint : chunk[chunk.length - 1],
    waypoints: chunk.slice(0, chunk.length - 1),
    travelMode: 'DRIVING'
  };

  directionsService.route(request, (result, status) => {
    if (status === google.maps.DirectionsStatus.OK) {
      // 渲染当前段路线
      directionsDisplay.setDirections(result);
      // 在当前段路径附近搜索餐厅
      searchRestaurantsAlongRoute(result.routes[0].overview_path);
      // 更新下一段的起点
      currentStart = chunk[chunk.length - 1];
    }
  });
});

2. 优化餐厅搜索逻辑，减少API调用 #

别在每个WayPoint都触发餐厅搜索，改成基于路线整体范围或关键节点搜索，既能避开WayPoints配额问题，也能减少Places API的调用次数。

比如提取路线简化后的坐标数组，取起点、中点、终点三个关键位置搜索：

function searchRestaurantsAlongRoute(path) {
  // 选路线上的关键节点
  const keyPoints = [
    path[0],
    path[Math.floor(path.length / 2)],
    path[path.length - 1]
  ];

  keyPoints.forEach(point => {
    const request = {
      location: point,
      radius: 1000, // 搜索1公里范围内的餐厅
      type: ['restaurant']
    };

    placesService.nearbySearch(request, (results, status) => {
      if (status === google.maps.places.PlacesServiceStatus.OK) {
        // 渲染餐厅标记
        results.forEach(place => {
          new google.maps.Marker({
            position: place.geometry.location,
            map: map,
            title: place.name
          });
        });
      }
    });
  });
}

3. 检查并调整Google Cloud配额配置 #

如果你的项目是付费版，登录Google Cloud控制台检查两个关键配置：

• 确认Directions API和Places API的每日请求配额未耗尽
• 把WayPoints的单请求配额调到付费版最大值（23个）
• 若业务确实需要更多WayPoints，可以联系Google Cloud支持申请提升配额（注意会增加成本）

4. 用本地数据替代部分API请求 #

如果餐厅数据相对固定，可以把餐厅信息提前存在前端或自己的后端，然后根据路线的经纬度范围，在前端筛选符合条件的餐厅，完全避开Google API的配额限制：

// 假设你有本地餐厅数据
const localRestaurants = [
  { name: '老城火锅店', lat: 39.9042, lng: 116.4074 },
  // 更多餐厅数据...
];

// 根据路线范围筛选餐厅
function filterRestaurantsAlongRoute(path) {
  const bounds = new google.maps.LatLngBounds();
  path.forEach(point => bounds.extend(point));
  
  return localRestaurants.filter(restaurant => {
    const latLng = new google.maps.LatLng(restaurant.lat, restaurant.lng);
    return bounds.contains(latLng);
  });
}

// 渲染筛选后的餐厅标记
const filteredRestaurants = filterRestaurantsAlongRoute(routePath);
filteredRestaurants.forEach(resto => {
  new google.maps.Marker({
    position: new google.maps.LatLng(resto.lat, resto.lng),
    map: map,
    title: resto.name
  });
});

你可以根据实际业务需求组合这些方案，比如先尝试拆分请求+优化搜索逻辑，要是还不够再考虑调整配额或本地存储数据。

内容的提问来源于stack exchange，提问作者Reena Verma