我如何链接acf谷歌地图发布lat和long与mapbox?

时间:2018-04-06 11:00:42

标签: wordpress mapbox advanced-custom-fields

我正在寻找一种方法来使用我所有帖子的坐标(使用acf google地图字段创建)并将其显示为地图框地图中的标记? 有人已经这样做了吗? 任何人都可以向我解释创建这个的逻辑吗?

1 个答案:

答案 0 :(得分:0)

这是一个非常广泛的问题。有很多教程向您展示如何做到这一点。您是否有任何代码可以显示您已经尝试过使用地图的地方?

一个抽象的解释是基本上循环遍历所有帖子,并将lat和long作为数据属性添加到元素中:

<div class="marker" data-lat="<?php get_field('location_lat', id) ?>" data-lng="<?php get_field('location_lng', id) ?>" data-title="<?php get_field('location_title', id) ?>"></div>

在你的JS中(假设你正在使用jQuery),你查询所有元素,获取数据属性并将数据放入一个或多个数组中,如下所示:

var getMarkers = $('.marker');
var markers = [];

getMarkers.each(function(index, marker) {
  markers.push([marker.data('title'), marker.data('lat'), marker.data('lng')])
});

这个变量又可以被地图用来循环并放置标记。请参阅:https://wrightshq.com/playground/placing-multiple-markers-on-a-google-map-using-api-3/

我希望这可以帮助你朝着正确的方向前进!