如何通过Google Maps API按指定公里数筛选显示周边城市？

核心思路是通过指定地点类型过滤+可选的反向验证，确保只获取城市类结果，以下是具体代码调整方案：

1. 用Place Types精准筛选城市 #

Google Maps Places API支持通过types参数限定返回地点的类型，直接指定城市相关类型就能排除商铺、学校等无关结果。常用的城市类类型包括：

• locality: 对应城市、镇等核心行政区
• administrative_area_level_2: 部分地区的次级行政区（比如国内的地级市）

以JavaScript调用Nearby Search API为例，代码调整如下：

// 初始化Places服务
const placesService = new google.maps.places.PlacesService(mapInstance);

// 发起周边搜索请求，指定半径和城市类型
placesService.nearbySearch({
  location: userCoordinates, // 用户的经纬度坐标（比如new google.maps.LatLng(39.9042, 116.4074)）
  radius: 200000, // 200公里，单位转换为米
  types: ['locality'] // 仅返回城市类地点
}, (results, status) => {
  if (status === google.maps.places.PlacesServiceStatus.OK) {
    // 处理返回的城市结果
    const cityList = results.map(place => ({
      name: place.name,
      coords: place.geometry.location
    }));
    // 渲染城市列表到页面
    renderCityList(cityList);
  }
});

2. 可选：反向地理编码验证（增强准确性） #

如果担心少量结果类型有误，可以对返回的地点做反向地理编码验证，确认其地址组件中包含城市类型标签：

const geocoder = new google.maps.Geocoder();

function validateCity(place, callback) {
  geocoder.geocode({ location: place.geometry.location }, (geoResults, geoStatus) => {
    if (geoStatus === 'OK') {
      // 检查地址组件是否包含城市类型
      const isValidCity = geoResults.some(result => 
        result.address_components.some(component => 
          component.types.includes('locality') || component.types.includes('administrative_area_level_2')
        )
      );
      callback(isValidCity, place);
    } else {
      callback(false, place);
    }
  });
}

// 在nearbySearch的回调中使用验证
results.forEach(place => {
  validateCity(place, (isValid, validPlace) => {
    if (isValid) {
      // 加入最终城市列表
    }
  });
});

3. 额外优化：去重处理 #

部分城市可能因包含多个行政区被重复返回，可通过城市名称+坐标做去重：

const uniqueCities = [];
const seenCities = new Set();

results.forEach(place => {
  const cityKey = `${place.name}_${place.geometry.location.lat()}_${place.geometry.location.lng()}`;
  if (!seenCities.has(cityKey)) {
    seenCities.add(cityKey);
    uniqueCities.push(place);
  }
});

内容的提问来源于stack exchange，提问作者Andréap