用于地图的脚本的标识

Question

我想为我的心理健康支持网站在不同的国家创建meetup小组。

我发现了一个在wordpress页面(http://www.cleargreen.com/community/practice-groups)中显示地图的网站，人们可以在那里创建事件并自己管理它们，它使用了一个你必须登录到的第三方脚本(https://www.cleargreen.com/english/tensegrity/login.cfm?dsplyLanguageID=1)。

我想知道他们使用的是什么脚本？他们是如何将其与wordpress很好地集成在一起的？

Answer 1

您可以使用位于https://maps.googleapis.com/maps/api/js上的google maps

然后在wordpress中你可能已经在使用ACF插件了(如果不是http://www.advancedcustomfields.com/的话)

您可以为google地图或具有经度和纬度的字段创建自定义字段

然后在你的主题中添加

       <?php $location = get_field("[YOUR FIELD NAME]", $post->ID); ?>
       <script>
            function initialize() {
                var map_canvas = document.getElementById("[YOURE CONTAINER ID]");
                var map_options = {
                    center: new google.maps.LatLng(<?php echo $location["lat"] ?>, <?php echo $location["lng"] ?>),
                    zoom: 14,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                }
                var map = new google.maps.Map(map_canvas, map_options)
                var marker = new google.maps.Marker({
                  position:  new google.maps.LatLng(<?php echo $location["lat"] ?>, <?php echo $location["lng"] ?>),
                  map: map,
                  icon: '[PATH TO YOUR PIN IMAGE]'
                });
            }


          google.maps.event.addDomListener(window, 'load', initialize);
        </script>