Googleマップのマーカーをクリックしたらリンク先へ遷移させる

Question

Googleマップのマーカーをクリックしたらリンク先へ遷移させる記述をしたいのですが、「//クリックしたら指定したurlに遷移するイベント」以下を記述したら表示されません。JavaScript初心者です。見ていただけないでしょうか。

						mapOptions = {
						zoom: 13,
						center: myLatlng,
						mapTypeId: google.maps.MapTypeId.ROADMAP
						}
						var map = new google.maps.Map(document.getElementById('map'), mapOptions);
						
						for (var i = 0; i < markerData.length; i++) {
							markerLatLng = new google.maps.LatLng({lat: markerData[i]['lat'], lng: markerData[i]['lng']}); // 緯度経度のデータ作成
							marker[i] = new google.maps.Marker({ // マーカーの追加
									position: markerLatLng, // マーカーを立てる位置を指定
									map: map // マーカーを立てる地図を指定
						});
 
						infoWindow[i] = new google.maps.InfoWindow({ // 吹き出しの追加
								content: '<div class="sample">' + markerData[i]['name'] + '</div>' // 吹き出しに表示する内容
						});
 
						markerEvent(i); // マーカーにクリックイベントを追加
						
						marker[i].setOptions({
						icon: {
								url: markerData[i]['icon']// マーカーの画像を変更
										}
						});
						}
 
				
						function markerEvent(i) {
						marker[i].addListener('click', function() { // マーカーをクリックしたとき
								infoWindow[i].open(map, marker[i]); // 吹き出しの表示
						});
						}
						
						google.maps.event.addDomListener(window, "resize", function() {
						var center = map.getCenter();
						google.maps.event.trigger(map, "resize");
						map.setCenter(center);
						});
						}
						
						function map_click(i) {
						google.maps.event.trigger(marker[i], "click");
						return false;
						}
						
					//クリックしたら指定したurlに遷移するイベント
						google.maps.event.addListener(marker[i], 'click', (function(url){
							return function(){ location.href = url; };
					})(data[i].url));

						google.maps.event.addDomListener(window, 'load', initialize);

Comments

[m.ts10806]

プログラムコードは```で囲ってください。（わからなければ質問編集画面でコード部分を選択し<code>ボタンを押してください）

[don0722]

お手数をおかけいたします。更新しました。

[m.ts10806]

すみません。追加で確認とお願いです。「表示されません」とは何がでしょうか？具体的な記述と出来る限り詳細の情報提供を心がけてください。ブラウザのデベロッパーツール等でエラーがでているかどうかの確認はされましたか？

Answer 1

インデントがおかしいので、丁寧に書くことをお勧めします。

function markerEvent の中を下記に書き換えればよいのでは。少なくとも i が for の外で使われているので反応しません。

//クリックしたら指定したurlに遷移するイベント
google.maps.event.addListener(marker[i], 'click', (function(url) {
	return function() {
		location.href = url;
	};
})(data[i].url));