css 如何嵌入谷歌Map网址到网站使用html

vyswwuz2  于 2023-01-06  发布在  其他
关注(0)|答案(5)|浏览(125)

我有这个谷歌Map的网址,我试图嵌入使用iframe到我的网站,但它不工作

<iframe id="iframeid"
      width="450"
      height="250"
   style="border:0"
src="https://www.google.com/maps/dir/?api=1&origin=Space+Needle+Seattle+WA&destination=Pike+Place+Market+Seattle+WA&travelmode=bicycling"
  ></iframe>

请帮助如何嵌入

f2uvfpb9

f2uvfpb91#

下面是使用html嵌入googleMap最简单的方法之一:

<iframe width="100%" height="600" src="https://maps.google.com/maps?width=100%&amp;height=600&amp;hl=en&amp;coord=52.70967533219885, -8.020019531250002&amp;q=1%20Grafton%20Street%2C%20Dublin%2C%20Ireland&amp;ie=UTF8&amp;t=&amp;z=14&amp;iwloc=B&amp;output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe><br />

您必须更改以下内容:
1.宽度=(iframe的宽度)
1.高度=(iframe的高度)

  1. coord =(地址的坐标)
  2. q =(地址)
  3. z =(缩放级别)
    希望这能帮上忙
polkgigr

polkgigr2#

如果您检查控制台,您将发现以下错误,
第一个月
Here您可以阅读更多有关上述错误的信息
现在要修复这个错误,请稍微修改一下iframe src,如下所示。

<iframe id="iframeid"
        width="450"
        height="250"
        style="border:0"
        src="https://www.google.com/maps/embed?api=1&origin=Space+Needle+Seattle+WA&destination=Pike+Place+Market+Seattle+WA&travelmode=bicycling"
></iframe>

我们将dir/更改为embed

oaxa6hgo

oaxa6hgo3#

看起来所有的谷歌地球Map都需要一个付费的API密钥才能使用。但是,我能够创建我正在寻找的嵌入式Map
1.使用谷歌地球创建任何覆盖层或标记,并将其保存为kmz文件。
1.转到maps.google.com并创建自己的Map

  • 转到菜单
  • 选择“您的位置”
  • 选择“MAPS”选项卡选项
  • 点击“查看您的所有Map”

1.创建新Map。添加所需的图层。
1.点击3点,嵌入Map,并提供基本代码复制到您的html.
1.您可以通过使用Syfer上面列出的命令添加“&”来调整视图。
我可以在页面上嵌入多个Map,它们加载的视图与您在谷歌Map的“我的Map”模块中选择的视图相同。

mrfwxfqh

mrfwxfqh4#

你可以从谷歌Map中生成位置的HTML代码,请按照下面的步骤操作。
Share a map or directions with others

z9gpfhce

z9gpfhce5#

首先,查看how to ask
从外观上看,我会启动on googles developer guide,您需要请求一个API密钥,然后尝试将该代码与API密钥一起放入HTML代码中

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

在那之后也许你能深入到“它不工作”的意思的一点细节.你在控制台得到任何输出吗?它关闭你的计算机了吗?任何进一步的细节将帮助我们帮助你!

相关问题