var map_canvas; function initialize_map() { var data =new Array(); data.push({lat:'35.681382', lng:'139.766084', name:'東京駅'}); data.push({lat:'35.672559', lng:'139.743888', name:'首相官邸'}); data.push({lat:'35.555904', lng:'139.653419', name:'慶應義塾大学'}); console.log(data); // 正常に起動しているかの確認用、google chrome developerツールで確認できる var myLatlng = new google.maps.LatLng(data[0].lat, data[0].lng); //中心座標を決めるためのもの var map_options = { mapTypeId: google.maps.MapTypeId.SATELLIT, center: myLatlng, zoom: 14, }; map_canvas = new google.maps.Map(document.getElementById("map_canvas"), map_options);
googlemap上にアイコンを表示させるコードです。配列をもちいることでよりアイコンを複数個map上に表示できることを学びました。