我正在尝试显示一个谷歌静态地图,点击它会打开一个更大的 iframe,用户可以在其中平移、缩放等。
下面的代码:
<div>
<a class="various fancybox.iframe" title="Whitehouse - USA" href="https://maps.google.com/maps?f=d&source=s_d&saddr=&daddr=1600+Pennsylvania+Ave+NW,+White+House,+Washington,+DC+20500&hl=en&geocode=Ca3jx5Eq6BcjFQ6IUQIdG4Ro-ynPaZnjvLe3iTGGOSyaFzTP2g&sll=38.897678,-77.036517&sspn=0.009644,0.01443&g=1600+Pennsylvania+Avenue+Northwest,+Washington,+DC&mra=ls&ie=UTF8&t=m&ll=38.89768,-77.036519&spn=0.008016,0.013733&z=16&output=embed">
<img src="http://maps.googleapis.com/maps/api/staticmap?center=1600+Pennsylvania+Ave+NW,+White+House,+Washington,+DC+20500&markers=1600+Pennsylvania+Ave+NW,+White+House,+Washington,+DC+20500&size=300x300&sensor=false">
</a>
</div>
我试图寻找与 iframe 相关的非 JavaScript 文档,但没有遇到任何问题。我想在 iframe中添加以下内容:
标记居中 - JSFiddle 显示居中,但在生产站点上运行的完全相同的代码会呈现一个 iframe,标记显示在左上角。
删除标记标签“B”
从我的数据库中输入我自己的坐标- 例如......对纽约市、芝加哥等执行相同的操作。但是,我尝试更改daddr
(目标地址),但不确定其他变量代表什么(即 sll , sspn, g, mra, ll 等)
获取路线 - 插入起点,并获取前往预定目的地的路线