获取目录映射的邮件位置


Get Locations of Post For Directory Map

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

我的页面显示了这样的帖子(lat、lng和title值随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],
];

我该怎么做?

使用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);
});

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