修士研究その３。イベントとアイコン。

google.maps.event.addListener(map, 'click', function(event) {

placeMarker(event.latLng);

});

と

function placeMarker(location) {

//アイコンのイメージ設定

var image = 'icon.png';

var clickedLocation = new google.maps.LatLng(location);

var marker = new google.maps.Marker({

position: location,

map: map,

draggable: true,

icon: image

});

でクリックすると指定したアイコンを作成するようになりました。

アイコンのセンスのなさは御容認くださいまし。

ちなみにiPhoneでのスクリーンショットはこんな感じです。ちょっとかわいいｗ。

でもこのアイコン、クリックするとメッセージを表示するようにしてあるのだが、Chromeだと表示されてSafariだと表示されない。うー。。。