我有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