标签: google-maps-embed

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

<iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"
        src="https://www.google.com/maps/ms?msid=204293175747830583907.0005022420ef3bca6a816&msa=0&ie=UTF8&t=m&ll=40.79042,-73.945541&spn=0.462677,1.056747&output=embed"></iframe>

我正在使用新的Google地图嵌入代码(iFrame)向我的网站添加一个小地图,但我无法隐藏左上角的新地址框(见下图).

我通过单击"共享和嵌入地图"选项生成地图代码(请参见下图),但我想知道是否需要使用完整的API来实现此目的.

到目前为止我发现的所有资源都只讨论旧的嵌入版本并禁用了不同的信息气球,我得到的唯一线索是该框的HTML类称为"地方卡"但搜索仍然没有带给我什么.

任何帮助或正确方向的点将非常感激.

我正在使用以下代码将Google地图嵌入到我的页面中:

http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=Chicago+IL&z=15&iwloc=A&output=embed

这样可以正常工作,但是当它加载它时会自动打开一个带有地址和获取方向等的框.无论如何加载它还没有弹出窗口加载吗？

由于欧盟 cookie 法，我试图以不使用 cookie 的方式嵌入谷歌地图。
我想使用 Embed API，因为它可以显示位置信息（评分、路线按钮...）。

我知道 Maps JavaScript API 不使用 cookie，而是通过域 maps.googleapis.com 工作。
但是，Maps Embed API 使用 www.google.com，它设置了 NID cookie。

如果我尝试像这样替换 URL

<iframe
  width="600"
  height="450"
  frameborder="0" style="border:0"
  src="https://maps.googleapis.com/maps/embed/v1/place?key=MY_API_KEY&q=Space+Needle,Seattle+WA" allowfullscreen>
</iframe>

有一个 1 秒的闪光，它可以正确显示它，但随后覆盖了“出现问题”的错误。
在控制台中，返回此错误：

Google Maps JavaScript API error: UnauthorizedURLForClientIdMapError
https://developers.google.com/maps/documentation/javascript/error-messages#unauthorized-url-for-client-id-map-error
Your site URL to be authorized: https://maps.googleapis.com/maps/embed/v1/place?key=MY_API_KEY&q=Space+Needle,Seattle+WA

有没有办法在没有 cookie 的情况下使用 Embed API？

是否可以通过向Google Maps嵌入代码添加一些变量来禁用地图控件？

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

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

我已经在我的Google帐户上启用了谷歌地图的新"外观",所以现在它看起来非常漂亮和干净:

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

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

我已经搜索了高低,以便让思考看起来与Google生成的框架相同,但没有运气.

这些是我用来完成任务的包含:

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=geometry&v=3.exp"></script>
<script type="text/javascript" src="/Scripts/maplace.min.js"></script>

这是应用于地图的CSS:

#gmap {
    height: 300px;
    width: 100%;
}

实际的地图嵌入:

<script>
new Maplace({
    map_options: {
        scrollwheel: false,
        navigationControl: true,
        mapTypeControl: false,
        scaleControl: false,
        draggable: false,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    },
    visualRefresh: true,
    locations: [

            {lat: 50.871197, lon:  4.696941000000038, zoom: 15}



    ]
}).Load();
</script>

有人对此有何想法？

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

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

我的代码是:

<iframe width="500"
  height="450"
  frameborder="0" style="border:0"
  src="https://www.google.com/maps/embed/v1/place?key=KEY&q=Space+Needle,Seattle+WA">
</iframe>

这很好,并正确显示地图

当我尝试使用下面的代码添加"center"参数时,它会将地图缩放到整个世界视图

<iframe width="500"
  height="450"
  frameborder="0" style="border:0"
  src="https://www.google.com/maps/embed/v1/place?key=KEY&q=Space+Needle,Seattle+WA&center=47.620467,-122.349116">
</iframe>

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

我正确使用¢er参数吗？有没有其他人得到&中心参数工作？

我已经检查过我使用的纬度和长度都在显示的地图中

请看这个例子。

http://jsfiddle.net/Lscxuyhe/

代码如下：

<iframe src="https://www.google.com/maps/d/u/0/embed?mid=zUN79N8r2n1E.kLstghIFzhKU" width="640" height="480"></iframe>

我创建了自定义的谷歌地图。现在无法从地图iframe的顶部删除黑色标题（已写无标题地图）。谷歌搜索很多。没有发现。

有什么建议么？

我遇到了新的谷歌地图嵌入问题.正如你在我的网站上看到的那样,嵌入的地图到目前为止已经缩小了.我怎么解决这个问题 ？我想用常规/普通缩放嵌入地图

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

多谢你们!

自2013年最新的Google地图更新以来,是否有可用于简单嵌入Google地图的方式或资源？

我尝试使用旧的地图系统,但它不会产生预期的结果.此外,我尝试使用谷歌地图引擎,也没有运气,因为你只有一个分享链接,而不是嵌入代码.

所以.Google正在更改Maps API,现在Embed Maps和Embed Advanced Maps之间存在差异.

谁能告诉我嵌入地图和高级嵌入地图之间的区别？

如果我在这里弄错了,潜在的收费是巨大的.

对于那些不了解的人,Google的一些API包括地图,地理编码和地点:

• https://cloud.google.com/maps-platform/
• https://cloud.google.com/maps-platform/pricing/sheet/

谢谢.

我正在使用谷歌地图嵌入代码来集成地图的多针位置。

<iframe src="https://www.google.com/maps/d/embed?mid=zsjXv3NS8g6Y.krO7DAwRdcZk" height="480" width="640"></iframe>

该地图在所有其他浏览器中正确呈现，但存在交叉原点引用错误。（即使在具有旧版本警告的 IE7 中）

这是我在 chrome 和 IE 上看到的消息

XMLHttpRequest 无法加载https://accounts.google.com/ServiceLogin?service=mapsengine&passive=1209600 ...p= https://www.google.com/maps/d/gen204?a%3D58%26width%3D640%26height%3D480 . 请求的资源上不存在“Access-Control-Allow-Origin”标头。因此，不允许访问来源“ https://www.google.com ”。

但在 Firefox 中有一个不同的错误，地图无法加载。

ReferenceError：_startApp 未定义 https://www.google.com/maps/d/embed?mid=zsjXv3NS8g6Y.krO7DAwRdcZk 第 7 行

这是我无法修改的嵌入代码。任何解决方案？

编辑：iframe 在没有地图的情况下加载，但显然 iframe 中的脚本正在中断导致此错误。