2016/03/21

[Google Map][JavaScript]マーカーを画像にする

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

コメントを投稿