问题标签 [google-maps-embed]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1034 浏览

javascript - 谷歌地图嵌入动态驱动器选项卡(不是 jquery-ui 选项卡)

在花了一整天时间阅读这个常见问题之后,当主页在页面加载时无法正确显示地图时,人们会遇到与动态标签相关的谷歌地图嵌入程序。地图未居中。有没有人对如何解决这个问题有任何建议,我非常愿意尝试任何事情。

我目前正在使用动态内容选项卡。我想知道有没有办法在我的情况下解决这个问题。

只是网站上的一个例子。

谷歌地图嵌入

联系人选项卡的个人代码如下:

据我了解,我需要一段 jquery 代码,当单击联系人时将加载地图。任何人有任何建议强制地图仅在此事件发生时加载?

0 投票
2 回答
1150 浏览

javascript - 无法嵌入“新外观”谷歌地图

为客户建立网站我需要定期嵌入 GMaps。为此,我使用了 maplace.js。

这一切都很好,但我注意到了一些奇怪的事情。

我在我的谷歌账户上启用了谷歌地图的新“外观”,所以现在它看起来非常漂亮和干净:

新外观谷歌地图

在这里,我可以生成一个 iFrame 用于在我的网站上手动嵌入 GMap,保持新的、干净的外观和相当方便的“获取方向”覆盖:

在此处输入图像描述

但是,当使用 maplace.js(因此,实际上是 maps API)时,我仍然会得到旧的外观和漂亮而干净的控件的 noe:

在此处输入图像描述

我一直在寻找一种方法来使想法看起来与谷歌生成的框架相同,但没有运气。

这些是我用来完成工作的包含:

这是应用于地图的 CSS:

以及实际的地图嵌入:

有人对此有想法吗?

0 投票
3 回答
11753 浏览

google-maps - 谷歌地图嵌入错误缩放

我在嵌入新的谷歌地图时遇到问题。正如您在我网站上的打印件中看到的那样,嵌入的地图到目前为止已被缩小。我怎么解决这个问题 ?我想用常规/正常缩放嵌入地图

我无法在这篇文章中添加图片,因为我没有必要的声誉。这是我的打印链接:http: //imageshack.com/a/img89/958/figs.jpg

多谢你们!

0 投票
3 回答
1796 浏览

html - 谷歌地图嵌入 API 拒绝

我得到一个

The Google Maps API server rejected your request. This IP, site or mobile application is not authorized to use this API key.

我的网站上出现错误,即使我将浏览器引荐来源网址设置为*.*


我有这些设置:

我打开的 API


关键画面


编码:


所有这些都是由谷歌的地图嵌入工具生成的。我尝试将允许的推荐人更改为*.mydomain.com/*没有运气。

有什么想法吗?

0 投票
1 回答
7394 浏览

javascript - “Google Maps Embed API 必须在 iframe 中使用。”

我正在尝试在 iFrame 中嵌入 Google 地图(作为我页面上的弹出窗口)。当我远程查看它时它工作得很好,但是一旦我让它“活”它就会给我错误“Google Maps Embed API 必须在 iframe 中使用”。似乎我的一个链接不起作用,但我已经检查了所有内容,但似乎找不到任何东西。任何帮助将不胜感激!这是我的代码:

0 投票
1 回答
1086 浏览

javascript - JS 和谷歌地图 - 在标记上居中地图

我无法用标记将地图居中,这是 b*:

地图加载,但标记位于屏幕左上方,因此用户必须使用鼠标才能真正将所需区域放置在屏幕上。

有人知道如何将地图与标记位置居中吗?

很抱歉重复的问题,但到目前为止我看到的答案对我的情况不起作用。

0 投票
3 回答
10302 浏览

google-maps - 中心参数在新的谷歌地图嵌入中不起作用

我已经为新的谷歌地图使用了新的嵌入代码,如下所述:

https://developers.google.com/maps/documentation/embed/guide

我的代码是:

这工作正常并正确显示地图

当我尝试使用下面的代码添加“中心”参数时,它会将地图缩小到整个世界视图

我最终想要做的是移动地图,使其不以实际标记为中心,但目前我正在使用非常接近标记的纬度和经度进行测试。

我是否正确使用了 ¢er 参数?有没有其他人让 ¢er 参数工作?

我检查了我使用的纬度和经度是否在显示的地图中

0 投票
1 回答
987 浏览

angularjs - 谷歌嵌入地图有时会损坏

有时我的地图会像这样正常加载。

完美地图

有时它会像这样加载这个奇怪的偏离中心的破碎世界地图

残破的地图

有谁知道为什么我有时会得到损坏的地图?而且,我怎样才能修复它以始终呈现正确的地图?

一些背景知识,我正在使用 AngularJs 在 iframe 中创建 src。

更新 这是 HTML

和 MapCtrl

})()

0 投票
1 回答
2177 浏览

google-maps - 将 KML 层添加到 Google Maps Embed API,而不是 Javascript

我已将 Google 地图 API 嵌入到我的 Google 站点中,但无法将 KML 图层嵌入其中。我想知道是否有人可以帮助我编写代码。

以下是适用于嵌入式小工具的代码:

这是我尝试嵌入的 KML 层的代码:

我已经尝试了所有方法,但我不断收到代码错误。非常感谢任何帮助!

***回复回答:

在发布我的问题之前,我确实查看了该页面,但我不确定如何在我的 Google 网站上的 Google 小工具中使用该 HTML 代码。我试过了,但它不起作用。我放在上面的初始代码变成了这样:

那么没有办法在其中放置一个 KML 层吗?

0 投票
1 回答
83367 浏览

html - 多个标记谷歌地图嵌入API

我需要在嵌入地图上放置几个由坐标指定的标记。我知道如何为一个标记做,但不知道如何做多个。