在新窗口中打开的Google地图

时间:2011-05-12 作者:John

我有一个名为“场馆”的自定义贴子类型,我希望我的用户能够创建一个指向该场馆的地图,基本上只是地图上带有场馆名称及其地址的标记。问题是,我想创建一个地图的小快照,悬停时,网站用户将单击并在新选项卡或窗口中打开完整的地图。

我如何在WordPress中创建这个?WordPress的大多数Google地图插件都允许您将地图直接嵌入到页面中,但我希望它可以单击并在新选项卡中打开完整的地图。

谢谢

2 个回复
SO网友:ptim

所以,问题是,如果你使用谷歌自定义嵌入代码,那么iframe会吸收所有点击,因此你无法触发链接。

我找到的解决方案是Google Static Maps 我通过Simple Static Googlemaps Plugin.

我优先考虑的是一个有吸引力的地图,它加载速度更快(不需要javascript),直到用户单击地图导航,然后我希望它在灯箱中弹出(我使用wp fancybox)。上面的插件可能仍然适用于WP v.3+版本,因为它看起来很简单,但我没有尝试。

相反,我在模板中嵌入了以下内容:

$static_map = \'
<img alt="Googlemap" src="http://maps.google.com/maps/api/staticmap?center=\'. $location
.\'&markers=small|\' . $location
.\'&zoom=14\'
.\'&size=480x340\'
.\'&sensor=false"/>\';

$popup_map = \'
http://maps.google.com.au/maps?q=\'. $location
.\'&f=q&hl=en&geocode=&mrt=all&ie=UTF8&hq=&\'
.\'hnear=\' . $location 
.\'&z=14&iwloc=&output=embed\';

$map = \'
<div class="map clearfix">
    <a class="iframe" href="\'. $popup_map . \'">
    \' . $static_map . \'
    </a>                
</div>\' ."\\n";

print($map);
位置只是一个地址,没有什么特别的(马达加斯加荣格敦Monkey街10号)
  • 在$popup\\u地图中离开&iwloc= blank隐藏文本bubblei没有与其他参数进行过多的修改,因为它似乎可以工作;)
  • SO网友:NW Tech

    您是否希望他们访问您网站上的较大地图或类似地图的内容。谷歌。com?如果你想在Google上链接到Google地图,那么你可以简单地添加target="_blank" 链接,使其看起来像

    <a href="http://www.destinationurl.com" target="_blank">Some Text or Image goes here</a>

    或者,始终可以选择设置Lightbox/Thickbox以在iframe中打开谷歌地图。类似于Thickbox 这可能有用。

    作为web开发的一般经验法则,您不希望在单击站点上的链接时强制网站访问者打开新窗口或选项卡。相反,您希望在您的站点上尽可能最好地包含这些信息。这将有助于你的SEO表现,并有助于降低反弹率。

    结束

    相关推荐

    MAP_META_CAP筛选器有什么用途?

    这有什么用map_meta_cap 滤器该过滤器未在任何地方记录。我不清楚这可能是什么:用于将用户的权限映射到帖子上的操作。这到底是什么意思?如果可能,请给出一些正确用法的示例代码示例。