我如何使用 mapbox link acf google 映射 post 纬度和经度？

Question

我正在寻找一种方法来使用我所有帖子的坐标？使用 acf google 地图字段创建）？并将它们显示为 mapbox 地图中的标记？

有人做过吗？

谁能给我解释一下创建这个的逻辑？？

Answer 1

这是一个相当宽泛的问题。有很多教程向您展示了如何做到这一点。您是否有任何代码可以显示您已经尝试使用地图的地方？

一个抽象的解释是基本上遍历所有帖子并将纬度和经度作为数据属性添加到元素中：

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

希望这对您有帮助！

我如何使用 mapbox link acf google 映射 post 纬度和经度？

How can i link acf google map post lat and long with mapbox?

wordpress

mapbox

advanced-custom-fields