Google Maps embed API搜索无对应区域结果？如何获取地图显示区域搜索结果

问题原因 #

Google Maps Embed API的搜索模式下，center和zoom参数仅用于设置地图初始显示的视口范围，不会对搜索结果的地域范围做强制约束。搜索逻辑默认会结合用户IP地址、浏览器地理位置授权结果、关键词的全局检索热度综合返回结果，这就是不同浏览器下返回结果地域差异大的核心原因。

解决方案 #

方案1：直接修改Embed链接参数（无需换API，适合固定搜索区域的场景）

直接把坐标和缩放等级附加到q参数的搜索词后，格式为搜索词@纬度,经度,缩放等级z，即可强制限定搜索范围为指定坐标对应的区域，不会再读取用户侧的位置相关信息。
修改后的嵌入代码如下：

<iframe 
  width="600" 
  height="450" 
  style="border:0" 
  allowfullscreen 
  src="https://www.google.com/maps/embed/v1/search?key=APIKEY&q=Restaurant@43.98444444,-88.55694444,14z">
</iframe>

方案2：切换为JavaScript API实现动态范围搜索（适合需要跟随地图视口变化更新结果的场景）

Embed API不支持跨域读取当前地图的视口信息，要实现获取当前显示区域对应搜索结果的需求，需要更换为Google Maps JavaScript API实现：

• 初始化地图时配置初始中心坐标和缩放等级
• 监听地图的bounds_changed事件，当地图被拖动、缩放时触发回调
• 回调中获取当前地图的视口边界坐标，调用Places API的Nearby Search接口传入边界坐标和搜索关键词，即可获取当前显示区域的对应结果

注意事项 #

参数中坐标需要严格遵循「纬度在前、经度在后」的格式，填反会直接导致搜索区域偏移。

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