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 コメント:
コメントを投稿