自定义嵌入 iframe 的 google 地图

Question

所以我一直在研究谷歌地图，他们有“制作”你自己的地图的功能，并通过他们自己的界面添加标记和类似的东西。他们让您将其嵌入您的网站的方式是通过使用 iframe。

我一直在阅读 Google 地图的文档，显示的示例是使用静态输入或使用数据库动态构建在页面加载时创建地图的情况。这是我现在正在查看的文档... 文档

所以我想知道是否有一种方法可以自定义使用 Google 界面构建的地图，就像在页面加载时构建地图一样？

列维

编辑：通过阅读更多相关内容，我得出的结论是，谷歌地图本质上有两个版本？一款适合开发者，一款适合只想要一张地图而不关心它的外观或制作方式的人？谁能证实这一点吗？

Answer 1

这是正确的。iframe 地图只是maps.google.com 上地图的链接。如果您想更好地控制地图，则需要使用 API 创建它

• JS API v2
• JS API v3（新）

Answer 2

我知道这是一篇旧帖子，但我确信它仍然会得到很多浏览。

如果您不想使用 API 脚本而只想进行基本操作，则可以将 iframe 样式的谷歌地图放入 div 中，然后为该 div 创建一个带有溢出的父级：隐。然后，您可以使用它的大小与持有 iframe 的子项的大小和边距来控制人们可以查看地图的哪些部分，即：右上角和左上方的控件、下方的信息、比例等。

如果您不想通过 API 完全设计地图样式并且需要快速有效的解决方案，那么这不是一条糟糕的路线。