ディレクトリマップのポストの場所を取得

Question

私はPHPの知識とワードプレスがありますが、私はJavaScriptが良くありません。私はディレクトリWordPressのテーマをしようとしている。アーカイブのようなループの場所や地図のカテゴリを取得する必要があります。

マイページに次のような投稿が表示されています（緯度、経度、題名の値は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> 

しかし、私は、ページ内のGoogleマップのための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