Web App嵌入Google Maps经纬度定位失效，place模式异常求助

这事儿我之前排查过！核心问题出在Google Maps Embed API和普通网页版地图是两个独立维护的服务，参数规则最近出现了明确的分化：

为什么嵌入的iframe失效了？ #

你用的是Embed API的place模式，Google最近严格执行了官方文档的规则——place模式仅支持传入地点名称、标准地址或者Place ID，不再兼容loc:纬度+经度这种格式了。之前可能有兼容性宽松期，允许这种写法，但现在API会直接忽略无法识别的loc:参数，导致找不到具体地点，只能默认显示全球地图。

为什么普通URL还能正常工作？ #

普通网页版地图（http://maps.google.com/?q=loc:...）的参数解析逻辑一直保持着更高的兼容性，它能识别并解析loc:前缀的经纬度格式，自动生成地点标记，这是网页版服务的特性，和Embed API的规则不互通，所以两者表现不一样。

两种可行的修复方案 #

方案1：给Embed API的place模式直接传经纬度（推荐） #

去掉loc:前缀，用逗号分隔经纬度作为q参数的值，Embed API现在支持这种写法，会自动生成标记：

<iframe width="100%" height="200" frameborder="0" style="border: 0" 
src="https://www.google.com/maps/embed/v1/place?key=API_KEY&amp;q=52.123456,0.234567">
</iframe>

方案2：改用view模式+markers参数 #

如果需要自定义地图的中心点、缩放级别，可以用view模式，配合markers参数添加地点标记：

<iframe width="100%" height="200" frameborder="0" style="border: 0" 
src="https://www.google.com/maps/embed/v1/view?key=API_KEY&amp;center=52.123456,0.234567&amp;zoom=15&amp;markers=52.123456,0.234567">
</iframe>

这里zoom值可以根据你的需求调整（比如12-18之间的数值，越大视图越放大）。

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