从新版 Google 地图中的嵌入地图中删除信息窗口

问题描述 投票:0回答:3

在过去的几年里,从嵌入式谷歌地图中删除信息窗口很容易。只需在查询字符串中添加

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>

这是输出的内容。请注意我希望删除的带有红色边框的信息窗口。

Google Maps sample info window output

html google-maps iframe
3个回答
5
投票

看起来他们已经彻底改变了嵌入式地图 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(顶级域)值。

很抱歉带来坏消息。


4
投票

尝试输入纬度和经度坐标而不是地址。 刚刚惊喜地发现它生成了没有地址块覆盖的 iframe 代码。


0
投票
 <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>

我这样做了,选项被删除了

© www.soinside.com 2019 - 2024. All rights reserved.