자바 스크립트로 빌드하기

Question

나는 이런 모양의 Markers google maps 배열을 가지고 있습니다.

markers: [{ 
    position: { 
     lat: 37.0636782, 
     lng: -8.0288746 
    }, 
    infoText: 'Marker 1' 
}], 

나는 또한 내 CMS에서 가져온 콘텐츠가 있습니다.

[{ 
    "latitude": "37.0636782", 
    "longitude": "-8.0288746", 
    "info_snippet": "test123" 
}, 
{ 
    "latitude": "37.0636789", 
    "longitude": "-8.0288745", 
    "info_snippet": "test111" 
}] 

두 번째 배열을 가져 와서 첫 번째 배열과 동일하게 출력하고 싶습니다. 이것이 가능한가?

요청한 루프는 내가 만든 루프입니다.

Answer 1

원본을 통해지도를 만들고 사용자 정의 키를 만듭니다.

this.pins = response.data.acf.map_markers; 

this.pins.map(({latitude, longitude, info_snippet}) => ({ 
    position: { lat: latitude, lng: longitude }, 
    infoText: info_snippet 
})); 

const coords = [{ 
 
    "latitude": "37.0636782", 
 
    "longitude": "-8.0288746", 
 
    "info_snippet": "test123" 
 
    }, 
 
    { 
 
    "latitude": "37.0636789", 
 
    "longitude": "-8.0288745", 
 
    "info_snippet": "test111" 
 
    } 
 
]; 
 

 
const newCoords = coords.map(({latitude, longitude, info_snippet}) => ({ 
 
    position: { lat: latitude, lng: longitude }, 
 
    infoText: info_snippet 
 
})); 
 

 
console.log(newCoords);