javascript - 获取目录 map 的帖子位置

Question

我有 php 知识和 wordpress，但我不擅长 JavaScript。我正在尝试做一个目录 WordPress 主题但是。我需要在循环中获取帖子的位置，例如 map 的存档或类别。

我的页面显示这样的帖子(lat、lng 和标题值随 php 一起提供，我在那里没有问题)；

<div class="loop">
    <article class="post" lat="23.453256" lng="25.453245" title="Post Title">
      <!--loop content.-->
    </article>
    <article class="post" lat="23.653256" lng="25.153245" title="Post Title">
      <!--loop content.-->
    </article>
    <article class="post" lat="23.253256" lng="25.953245" title="Post Title">
      <!--loop content.-->
    </article>
</div>

但是我在页面中有用于谷歌地图的javascript，但我需要像这样用javascript编写:

var locations = [
  ['Post Title 1',23.453256,25.453245, 1],
  ['Post Title 2',23.653256,25.153245, 1],
  ['Post Title 3',23.253256,25.953245, 1],
];

我该怎么做？

Answer 1

使用jquery，你可以检查我下面的代码，为了你的理解，我已经使它变得非常简单。

我已经使用您的 jQuery 类选择器根据您的类名获取您的所有帖子。

$(document).ready(function () {
    var location = new Array();
    $('.post').each(function() {
        lat = $(this).attr('lat');
        lng = $(this).attr('lng');
        title = $(this).attr('title');
        post = new Array(title, lat, lng, 1);
        Posts.push(location);
    });                
    console.log(location);
});

您可以使用位置变量在 map 上绘制标记。 引用谷歌API:https://developers.google.com/maps/documentation/javascript/examples/icon-complex