Wordpress通过admin显示地点的google地图

Question

我正在为一个自由职业的教育者做一个网站，他在3-4个不同的地方做他的演讲。我想有一个谷歌地图附加在这些讲座发生的帖子底部。有没有可能有3-4个单选按钮的选择与这些地方的管理后编辑器，这将插入谷歌地图通过主题iframe？

谢谢你的帮助。

BR-:g

Answer 1

可能有一种更简单的方法，但其中一种方法是：

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

相关联

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

编辑

好的，既然你热衷于自定义字段，试试这个。安装Advanced Custom Fields插件，它将为您提供自定义字段的单选按钮(我认为这在默认情况下是不可能的)。设置一个名为"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;
        } ?>

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