React Native开发：如何用谷歌API查找指定品牌门店及周边位置

嘿，我来帮你梳理这两个问题的解决方案，都是基于谷歌地图生态的实用方案：

1. 查找当前位置特定半径范围内的地点 #

要实现这个需求，核心分两步走：

• 第一步：获取设备当前坐标：在React Native里，你可以用官方的Geolocation API，或者更稳定的第三方库（比如react-native-geolocation-service）来获取当前的纬度（latitude）和经度（longitude）。
• 第二步：调用谷歌Places API进行范围搜索：使用Places API的Nearby Search接口，传入你的当前坐标、搜索半径（单位是米），再加上你要搜索的地点类型或关键词，就能返回指定范围内的地点列表。

举个简单的请求逻辑例子（你可以用React Native的fetch或者axios发起请求）：

const fetchNearbyPlaces = async (lat, lng, radius) => {
  const apiKey = '你的谷歌API密钥';
  const response = await fetch(
    `https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=${lat},${lng}&radius=${radius}&type=store&key=${apiKey}`
  );
  const data = await response.json();
  // 处理返回的地点数据，包含坐标、名称、地址等
  console.log(data.results);
};

2. React Native应用中搜索指定品牌门店的谷歌API支持 #

完全没问题！谷歌的Places API正好能满足你的需求：

• 支持按品牌名称（比如直接搜"H&M"）、地址、邮政编码等条件精准搜索，甚至可以结合半径范围实现「附近的H&M门店」查询。
• 返回的结果会包含你需要的核心信息：门店的经纬度坐标、详细地址、营业时间、用户评分、联系方式等。
• 针对React Native场景，你可以选择两种方式集成：
  • 直接调用Places API的REST接口（像上面的例子那样），灵活度高；
  • 使用封装好的第三方库，比如react-native-google-places，能快速对接原生的谷歌Places组件，比如搜索框自动补全功能。

比如要搜索当前位置5公里内的H&M门店，请求参数可以这么设置：

GET https://maps.googleapis.com/maps/api/place/nearbysearch/json?
location=37.7749,-122.4194  // 替换成你的当前坐标
&radius=5000  // 5公里范围
&keyword=H&M
&key=你的谷歌API密钥

小提醒 #

• 你需要在谷歌云平台启用「Places API」，并创建有效的API密钥，同时设置好密钥的使用限制（比如绑定你的应用包名），避免被滥用。
• API有配额限制，免费额度足够开发测试，生产环境可能需要根据流量升级付费方案。

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