Erhalten Sie Standorte der Post für Verzeichnis Karte

Question

Ich habe PHP-Kenntnisse und WordPress, aber ich bin nicht gut in JavaScript. Ich versuche, ein Verzeichnis Wordpress-Thema aber zu tun. Ich muss Orte von Posts in der Schleife wie Archiv oder Kategorie für Karte erhalten.

Meine Seite zeigt Beiträge wie diese (Lat, Lng und Titelwerte kommt mit PHP Ich habe kein Problem dort);

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

Aber ich habe Javascript für google map in Seite, aber ich brauche wie das in JavaScript schreiben:

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], 
]; 

wie kann ich das tun?

Answer 1

Mit jquery können Sie meinen untenstehenden Code überprüfen, zu Ihrem Verständnis habe ich es sehr einfach gemacht.

Ich habe Ihre jQuery-Klassenselektor verwendet, um alle Ihre Beiträge basierend auf Ihrem Klassennamen zu erhalten.

$(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); 
}); 

Sie können Ihre Standortvariable verwenden, um den Marker auf Ihrer Karte zu zeichnen. Siehe google api: https://developers.google.com/maps/documentation/javascript/examples/icon-complex