Array mit mehreren Daten erstellen * Werte

Question

Ich habe mehrere HTML-Elemente mit Daten-* Attribute. Ich habe ein name, latitude und ein longitude Attribut. Diese Attribute erhalten ihre Werte vom CMS.

<span class="js-coordinates" data-name="{{ez_field_value(content, 'name')}}" 
data-latitude="{{content.fields.address['ger-DE'].latitude}}" 
data-longitude="{{content.fields.address['ger-DE'].longitude}}"></span> 

Jetzt möchte ich wie folgt die Datenwerte für jedes Element in einem Array laden:

var locations = [ 
    [name, longitude, latitude], 
    [name, longitude, latitude], 
    ... 
]; 

erhalte ich nur die name, longitude und latitude Werte von einem Element.
Danach kann ich die Array-Werte verwenden, um die Markierungen auf der Google-Karte zu erstellen.

Answer 1

Fügen Sie einfach diese Funktion auf das Ereignis ready des Dokuments (JQuery) oder onload-Ereignis des Fensters, die Markierungen zu erzeugen:

function(){ 

    var tags= document.getElementsByClassName("js-coordinates"); 
    var locations = Array.from(tags).map(x => { 
     return [ x.dataset.name, x.dataset.latitude, x.dataset.longitude ]; 
    }); 


}