google map 上でのmarker 表示

Yusuke 29views 更新:2016年6月15日



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上に表示できることを学びました。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません