gpt4 book ai didi

google-maps - 嵌入式谷歌地图缩小/不居中并且通常有错误

转载 作者:行者123 更新时间:2023-12-04 08:33:34 30 4
gpt4 key购买 nike

我通过将所见即所得从“视觉”切换为“文本”并直接从 Google 复制和粘贴 iframe 代码,将 Google map 嵌入到我的 Wordpress 网站的页面中。

map 应如下所示,这是我在 Google map 上获得的预览:

enter image description here

但是保存页面后的输出是这样的:

enter image description here

iframe 的大小很好,但显然缩放不合适。我已经尝试通过在 iframe src 属性中附加 &z=16 或 &zoom=16 来手动设置缩放(此处建议 - https://productforums.google.com/forum/#!topic/maps/kcjwmB5XFx8 ),但这没有任何区别。我也试过直接将 map 嵌入到 HTML 中,而不是通过所见即所得,但同样没有任何区别。

这是我正在使用的 iframe(直接来自 Google 添加了 &zoom=16:

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2378.829376418671!2d-2.177285999999947!3d53.399992000000005!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x487bb3692bfd0239%3A0xa83c755a7500764!2sThe+Wycliffe+Hotel+Ltd!5e0!3m2!1sen!2suk!4v1413989769351&zoom=16" width="891" height="501" frameborder="0" style="border:0"></iframe>

没有 CSS 应用于 iframe,根本无法解决。我知道人们对嵌入最新版本的谷歌地图有疑问,所以我也尝试恢复到经典谷歌地图并使用旧的嵌入代码,我可以使用以下代码进行缩放但无法居中标记上的 map (标记位于最左上角)。

<iframe width="891" height="501" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.co.uk/maps?sll=53.399992,-2.177286&amp;sspn=0.0049128,0.0109864&amp;cid=757668333021562724&amp;q=The+Wycliffe+Hotel+Ltd&amp;ie=UTF8&amp;hq=&amp;hnear=&amp;t=m&amp;ll=53.399992,-2.177286&amp;spn=0.006295,0.006295&amp;output=embed&z=16"></iframe>

enter image description here

嵌入 map 什么时候变得如此困难?什么时候需要添加您自己的属性才能像预览一样渲染?自从引入新的 Google map 以来,我已经看到很多类似的问题。

最佳答案

<embed> instead of iframe works </embed>

关于google-maps - 嵌入式谷歌地图缩小/不居中并且通常有错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26511483/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com