google map上に表示したマーカーを画像にするにはどうすればいいのだろうか?
iconプロパティーに画像のパスを設定すればおk。
具体的には下のようなプログラム。
jQuery(function($){ var map; window.googlemapCallBack = function(){ map = new google.maps.Map( $('._googleMap'), { center: {lat: 0, lng: 0}, zoom: 11 }); var image = '../img/foo.png'; new google.maps.Marker ({ position:{lat: 0, lng: 0}, map:map, title: 'hoge', icon:image }); }; var script = document.createElement('script'); script.src = "https://maps.googleapis.com/maps/api/js?key=XXXX&callback=googlemapCallBack"; $('head')[0].appendChild(script); });
0 コメント:
コメントを投稿