0

单击链接时，我正在尝试将静态谷歌地图加载到花式框/灯箱中。我的代码是

<a href="http://maps.googleapis.com/maps/api/staticmap?
 zoom=13&size=400x400&markers=color:blue|32,50&sensor=true"><img src="icon.png" /></a>

但它不会显示，iframe 保持为空。我想这是因为地图应该作为 IMG 元素的 src 加载，对吧？

知道如何解决这个问题吗？

另一种方法是在 viframe 中打开一个普通的谷歌地图，但它总是显示两个标记，一个在该位置，一个是谷歌的“最佳猜测” - 有没有办法删除那个“最佳猜测”标记？有关示例，请参见http://blog.felixsalomon.net，单击第一篇文章标题旁边的小地图图标。

谢谢！

4

1 回答 1

2

静态地图（使用 Google Static Map API）可以呈现为常规图像。

由于您的链接：

<a class="fancybox" href="http://maps.googleapis.com/maps/api/staticmap?zoom=13&size=400x400&markers=color:blue|32,50&sensor=true"><img src="icon.png" /></a>

...不告诉fancybox这是一个image（因为它没有图像扩展名），您必须强制typefancybox需要处理的内容如下：

$(".fancybox").fancybox({
    "type":"image"
});

请注意，我添加class="fancybox"了锚点，因此可以将 fancybox 绑定到该选择器。

参见JSFIDDLE（使用 fancybox v1.3.4）

编辑：由于您使用的是 fancybox WP 插件，或者您可以将image扩展名添加到 URL 末尾的锚点，&filename=image.jpg例如添加 ... 这样您的完整 URL 将如下所示：

href="http://maps.googleapis.com/maps/api/staticmap?zoom=13&size=400x400&markers=color:blue|32,50&sensor=true&filename=image.jpg"

如果您这样做，则不必编辑 Easyfancybox 脚本。检查更新的 JSFIDDLE

于 2013-02-20T04:00:27.587 回答