我可以更改 Google Maps 嵌入式地图 (iframe) 中的标记吗?

Posted

技术标签:

【中文标题】我可以更改 Google Maps 嵌入式地图 (iframe) 中的标记吗?【英文标题】:Can I change the marker in a Google Maps embedded map (iframe)? 【发布时间】:2010-11-13 15:00:32 【问题描述】:

我知道我可以使用 Google Maps API 做到这一点,但您知道是否有办法更改嵌入式 Google 地图中的标记?

我想为"B" button 或marker with just a dot in the middle 替换默认的“A”按钮。

【问题讨论】:

您要创建自定义图标吗?还可以在此处查看出色的 Google Map API 参考:code.google.com/apis/ajax/playground 不,只需更改其他 Google 地图图标的默认图标即可。我觉得也许你可以在 iframe URL 中添加一个参数来指定标记。 【参考方案1】:

我之前没有尝试过嵌入 Google 地图(我通常会直接使用 API 来获取此类内容)。我尝试了几种方法:

我认为嵌入语法可能与静态地图 api 相同。所以我抓取了一个静态地图 URL,从中复制了标记参数并尝试将其粘贴到 iFrame URL 中。这并没有那么奏效。

我创建了一个Google MyPlaces 并自定义了marker 以使用您提供的那个。这创建了一个Test map,它具有适当的标记图标。然后我抓住嵌入代码并将其粘贴在test page 上,瞧!

【讨论】:

哇!巧妙!它适用于我的项目 :) 感谢您尝试不同的想法,甚至构建演示! 很高兴听到我的解决方案适合您的项目:)。 谢谢@paperjam。我再也找不到那个问题了,只是将其更改为链接到 MyPlaces 页面。 @RedBlueThing 我想看看你的解决方案,但我无法再打开页面,我正在尝试做类似的事情。我希望你还能找到它。 也许谷歌 API 发生了一些变化,但从测试页面链接到的地图不起作用。【参考方案2】:

其实我也遇到了同样的问题,但是上面的方法都没用过,还以为分享了:

如果您像我一样只想要一个标记但不想使用 API,那么只需让谷歌误以为您想要使用 GET 标签“saddr”和“daddr”规划路线

"saddr" 定义您的起始位置(邮政编码、街道名称+ 号码等)

仅定义saddr 并省略daddr,默认情况下,谷歌地图仍会在您想要的位置显示“A”(您的起始位置)的标记,全部在iframe 中,无需API。

【讨论】:

这如何为 iframe 地图创建自定义标记选项?我只想在所需位置使用 Google 标记,这不是要走的路。转到地图并搜索地址,然后单击共享为该位置创建地图(带有标记和其他有用的链接,如方向)。这是一个旧答案,也许这个功能当时不可用? 当时不,这些年来生活变得更轻松了:)

以上是关于我可以更改 Google Maps 嵌入式地图 (iframe) 中的标记吗?的主要内容,如果未能解决你的问题,请参考以下文章

如何更改地图(而不是标记)的 Google Maps 可拖动属性?

如何在 HTML 和 JS 文件中更改 Google Maps Javascript API 的地图 ID?

Angular Google Maps 组件更改选项不起作用

Google Maps API v3:我可以在 fitBounds 之后设置缩放吗?

如何更改 Angular Google Maps 组件中的 MapMarker z-index?

点击按钮时谷歌地图崩溃。 (无效 com.google.maps.api.android.lib6.impl.bp.v())