Question

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

我的页面显示这样的帖子（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);
});

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

获取目录地图的帖子位置

1 个答案: