Wordpress通过管理员显示谷歌地图的地方

时间：2012-05-11 08:51:39

标签： wordpress wordpress-theming

我正在建立一个自由教育者的网站，他在3-4个不同的地方讲课。我想在这些讲座发生的帖子底部附上谷歌地图。 是否可以在Admin Post-editor中选择3-4个单选按钮，这些按钮会在主题中插入google地图iframe？

感谢您的帮助。

BR-：克

1 个答案:

答案 0 :(得分：1)

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

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

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

    修改

    好的，既然您热衷于自定义字段，请尝试此操作。安装Advanced Custom Fields插件，它会为您提供自定义字段的单选按钮（我认为默认情况下不可能）。设置一个名为“课程详细信息”的新字段组，其中包含一个名为“位置”的字段。将其与适当的条目类型（页面或帖子）相关联： Field definition

    该字段将出现在条目编辑器中，如下所示： Page Edit

    要让地图显示在代码中，请将以下内容添加到模板中：

        <?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;
        } ?>

    代码只是一个快速而丑陋的例子，但它应该让你知道如何使用该字段。这些网址直接来自Google地图 - 我只需点击链接图标，然后点击“自定义并预览嵌入地图”即可获得我所追求的尺寸。

相关问题
最新问题