アプリ上にgoogleマップと、配列化した座標にマーカーを表示する方法は以下。
“`
<script> function initMap() { var map; var data = new Array(); data.push({lat:35.6641,lng:139.6988,name:"shibuya"}); data.push({lat:35.6580,lng:139.7515,name:"minato"}); data.push({lat:35.7079,lng:139.7524,name:"bunkyo"}); map = new google.maps.Map(document.getElementById('map'), { center: data[1], zoom: 12 }); var markers = new Array(); for (let i=0 ;i<data.length ; i++){ markers[i] = new google.maps.Marker({ position: data[i], map: map, }); } } </script> <script src="https://maps.googleapis.com/maps/api/js?&callback=initMap" async defer></script>```
HTML部分の
に表示される