カスタム情報ウィンドウでGoogleマップを使用しました
http://jsfiddle.net/hashie5/KYtnb/
マーカーをクリックするとポップアップしますGoogleマップ自体の
例
で使用されているように、標準の情報ウィンドウを使用するにはどうすればよいですか: http://maps. google.be/maps?q=Jaarbeurslaan,+Genk&hl=nl&ll=50.965036,5.485032&spn=0.01046,0.033023&sll=51.09623,4.227975&sspn=1.335072,4.22699&oq=jaar&hnear=Jaarbeurslaan+Lam0+,6+Vamlaan+,6 Gewest&t=m&z=16&iwloc=A
そのため、「Routebeschrijving」(道順)リンクなどを使用できます。
function initialize() {
var myLatlng = new google.maps.LatLng(50.965049,5.484231);
var myOptions = {
zoom: 14,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var contentString =
'<div id="infowindow">' +
'Galaconcert<br />' +
'Jaarbeurslaan 2-6<br />' +
'3690 Genk' +
'</div>'
;
var infowindow = new google.maps.InfoWindow();
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: 'Galaconcert'
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.setContent(contentString);
infowindow.open(map, marker);
});
}
$(function(){
initialize();
});