0

我正在为一位自由教育者制作一个网站,他在 3-4 个不同的地方进行讲座。我希望在这些讲座发生的帖子底部附上谷歌地图。是否可以在 Admin Post-editor 中选择 3-4 个带有这些位置的单选按钮,这将通过主题插入谷歌地图 iframe?

谢谢您的帮助。

BR-:g

4

1 回答 1

1

可能有一种更简单的方法,但这样做的一种方法是:

  1. 创建一个名为 Location 的自定义帖子类型 (CPT)
  2. 安装WP Geo(或类似的)并为您的新 CPT 启用它,因此每个都可以与特定位置相关联,并且
  3. 使用Posts 2 Posts插件将帖子(讲座详细信息)与位置相关联

您可能需要编写一些代码来确定帖子的链接位置,并调用 WP Geo 功能来呈现地图,但如果您有一些编码经验,这应该相当简单。

编辑

好的,既然你热衷于自定义字段,试试这个。安装高级自定义字段插件,它会为您提供自定义字段的单选按钮(我认为默认情况下不可能)。设置一个名为“Course Details”的新字段组,其中包含一个名为“Location”的字段。将其与适当的条目类型(页面或帖子)相关联: 字段定义

该字段将出现在条目编辑器中,如下所示: 页面编辑

要使地图出现在代码中,请在模板中添加如下内容:

    <?php 
        switch (get_field('location')) {
            case "melbourne":
                ?><iframe width="560" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.uk/maps?gl=uk&amp;ie=UTF8&amp;t=m&amp;ll=-37.81609,144.967175&amp;spn=0.011866,0.024033&amp;z=15&amp;output=embed"></iframe><br /><small><a href="http://maps.google.co.uk/maps?gl=uk&amp;ie=UTF8&amp;t=m&amp;ll=-37.81609,144.967175&amp;spn=0.011866,0.024033&amp;z=15&amp;source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small><?php
                break;
            case "london":
                ?><iframe width="560" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.uk/maps?gl=uk&amp;ie=UTF8&amp;t=m&amp;ll=51.508101,-0.128059&amp;spn=0.018697,0.048065&amp;z=14&amp;output=embed"></iframe><br /><small><a href="http://maps.google.co.uk/maps?gl=uk&amp;ie=UTF8&amp;t=m&amp;ll=51.508101,-0.128059&amp;spn=0.018697,0.048065&amp;z=15&amp;source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small><?php
                break;
            case "geneva":
                ?><iframe width="560" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.uk/maps?gl=uk&amp;ie=UTF8&amp;t=m&amp;ll=46.198369,6.142302&amp;spn=0.020793,0.048065&amp;z=14&amp;output=embed"></iframe><br /><small><a href="http://maps.google.co.uk/maps?gl=uk&amp;ie=UTF8&amp;t=m&amp;ll=46.198369,6.142302&amp;spn=0.020793,0.048065&amp;z=14&amp;source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small><?php
                break;
        } ?>

该代码只是一个快速而丑陋的示例,但它应该让您了解如何使用该字段。URL 直接来自谷歌地图——我只是点击了链接图标,然后点击“自定义和预览嵌入的地图”来获得我想要的大小。

于 2012-05-11T10:46:20.570 回答