Question

我想在不同的国家/地区为我的心理健康支持网站创建聚会小组。

我找到了一个在wordpress页面（http://www.cleargreen.com/community/practice-groups）中显示地图的网站，人们可以在其中创建事件并自行管理，它使用您必须登录的第三方脚本（{{ 3}}）。

我想知道他们使用的是什么剧本？他们是如何与wordpress完美整合的？

Answer 1

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

的google maps api

然后在wordpress中你可能已经在使用ACF插件（如果不是http://www.advancedcustomfields.com/）

您可以为具有纬度和经度的Google地图或字段创建custum字段

然后在他们中添加

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

识别用于地图的脚本

1 个答案: