여러 데이터 * 값의 배열 만들기

Question

데이터 속성이있는 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], 
    ... 
]; 

I 하나 개의 요소에서 name, longitude 및 latitude 값을 얻는다.
그런 다음 배열 값을 사용하여 Google지도에서 마커를 만들 수 있습니다.

Answer 1

그냥 마커를 생성, 문서의 준비 이벤트 (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 ]; 
    }); 


}