複数のdata- *値の配列を作成する

Question

data- *属性を持つ複数のHTML要素があります。私はname,latitudeとlongitude属性を持っています。これらの属性は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> 

は今、私はこのような配列に各要素のデータ値をロードする：

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

私だけ一つの要素からname、longitudeとlatitudeの値を取得します。
これ以降、配列値を使用してGoogleマップ上にマーカーを作成できます。

Answer 1

だけでマーカーを生成するために、文書のreadyイベント（jQueryの）またはウィンドウのonloadイベントにこの機能を追加します。

function(){ 

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


}