在过去的几年里,从嵌入式谷歌地图中删除信息窗口很容易。只需在查询字符串中添加
iwloc=near
即可。
在过去的几周里,Google 已迁移到新的嵌入查询字符串格式,以与他们的新地图产品相一致。
有人知道如何使用新的查询字符串隐藏信息气泡吗?我确实想保留标记图标(被信息窗口遮挡)。我尝试在查询字符串的其余部分之前包含
iwloc=near
,但这没有任何作用。我在新的嵌入式地图生成器上也没有看到任何选项。
<iframe
src="https://www.google.com/maps/embed?iwloc=near&pb=!1m20!1m8!1m3!1d3246.3028987305834!2d-97.52973594999999!3d35.5462208!3m2!1i1024!2i768!4f13.1!4m9!1i0!3e6!4m0!4m5!1s0x87b21a2b843c4d5f%3A0xd6deac9724fb9935!2s7316+N+Western+Ave%2C+Oklahoma+City%2C+OK+73116!3m2!1d35.5462208!2d-97.5297267!5e0!3m2!1sen!2sus!4v1394217557679"
width="420"
height="200"
frameborder="0"
style="border:0">
</iframe>
这是输出的内容。请注意我希望删除的带有红色边框的信息窗口。
看起来他们已经彻底改变了嵌入式地图 API 的工作方式...
从新文档看来,您绝对可以通过在“查看模式”而不是“放置模式”下发出请求来删除气泡。然而,这也将导致没有标记。
对于地点模式支持哪些选项没有太多说明,但您可以尝试将 URL 更新到新的地点端点,然后尝试一些旧选项。
更新
我自己使用新的
google.com/maps/embed/v1/place/...
端点进行了测试,如果添加 &iwloc
则不起作用。事实上,它会抛出关于不支持的参数的错误。
不幸的是,新的 API 似乎只支持这些参数:
以下可选参数可与任何地图一起使用 上面列出的模式。
center 定义地图视图的中心。它接受一个 以逗号分隔的纬度和经度值(例如 37.4218,-122.0840)或地名或地址字符串(例如Champ+de+Mars,Paris,France)。
zoom 设置地图的初始缩放级别。可接受的值范围 从 0(整个世界)到 21(单个建筑物)。上限 可能会有所不同,具体取决于所选位置可用的地图数据。
maptype 可以是路线图(默认)或卫星图,并定义 要加载的地图图块类型。
language 定义 UI 元素和 在地图图块上显示标签。注意这个参数只是 支持某些国家/地区瓷砖;如果需要特定语言 磁贴集不支持,则默认语言 将使用tileset。默认情况下,访问者将看到自己的地图 语言。
region 定义要显示的适当边框和标签,基于 地缘政治敏感性。接受指定为的区域代码 两个字符的 ccTLD(顶级域)值。
很抱歉带来坏消息。
尝试输入纬度和经度坐标而不是地址。 刚刚惊喜地发现它生成了没有地址块覆盖的 iframe 代码。
<div style="
height: 100px;
overflow: hidden;
position: relative;
width: 100px;
display: flex;
justify-content: center;
border-radius:15px;">
<div style="
position: absolute;
bottom: 0;
height: 100%;
width: calc(100vw + 600px);">
<iframe class="border-card" src="your source" allowfullscreen="" loading="lazy">
</div>
我这样做了,选项被删除了