asp.net 如何在Iframe中显示谷歌Map

8ulbf1ek 于 2022-11-19 发布在 .NET

关注(0)|答案(4)|浏览(177)

我想在剃刀MVC页面显示谷歌Map，但它不显示，并得到如下错误：
拒绝在框架中显示“https://maps.google.com/maps/ms?ie=UTF8&hl=en&msa=0&msid=XXXXXXXXXXXXXXX&ll=XXXXXXXXXX&spn=XXXXXXXXXX&output=embed”，因为它将“X-Frame-Options”设置为“SAMEORIGIN”。
代码如下：

<div id="map" style="width: 251px; height: 202px;">
  <iframe id="iGmap" width="251" height="202" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="
http://maps.google.com/maps/ms?ie=UTF8&amp;hl=en&amp;msa=0&amp;msid=XXXXXXXXXXXXXXXXXXXXX&amp;ll=XXXXXXXXXXXXXXXX&amp;spn=XXXXXXXXXXXXX&amp;output=embed">
  </iframe>
</div>

asp.net

来源：https://stackoverflow.com/questions/33624914/how-to-display-google-map-in-iframe

4条答案

按热度按时间

92vpleto1#

Google Maps会阻止外部网站将Map嵌入到iframe中。这是他们的政策，所以你无法规避。如果你想在iframe中显示Map，你需要通过Google Maps Embed API（或者他们的其他API）来实现。

赞(0）回复(0）举报 2022-11-19

afdcj2ne2#

我通过从我的URL中删除“ms？”实现了这一点

http://maps.google.com/maps/ms?ie=UTF8&amp;hl=en&amp;msa=0&amp;msid=XXXXXXXXXXXXXXXXXXXXX&amp;ll=XXXXXXXXXXXXXXXX&amp;spn=XXXXXXXXXXXXX&amp;output=embed

至

http://maps.google.com/maps?ie=UTF8&amp;hl=en&amp;msa=0&amp;msid=XXXXXXXXXXXXXXXXXXXXX&amp;ll=XXXXXXXXXXXXXXXX&amp;spn=XXXXXXXXXXXXX&amp;output=embed

赞(0）回复(0）举报 2022-11-19

r7knjye23#

这样做

<iframe src="https://www.google.com/maps/d/u/0/embed?mid=1-VlXsvMWMr8EotfMcIwYKt-1SrI" width="320" height="350" style="margin-top:-387px"></iframe>

如果有用就告诉我

赞(0）回复(0）举报 2022-11-19

093gszye4#

所有“Map嵌入式API”请求均免费提供，使用无限制。

要在网页上创建嵌入式Map，应首先完成此链接中的必需设置步骤。
如果您完成了第一步，现在可以将Maps Embed API URL设置为iframe的src属性，如下所示：

<iframe
  width="600"
  height="450"
  style="border:0"
  loading="lazy"
  allowfullscreen
  referrerpolicy="no-referrer-when-downgrade"
  src="https://www.google.com/maps/embed/v1/place?key=API_KEY
  &q=Space+Needle,Seattle+WA">
</iframe>

希望这对你有帮助。

赞(0）回复(0）举报 2022-11-19

我来回答

asp.net 如何在Iframe中显示谷歌Map

4条答案

相关问题

热门标签

最新问答