2013-05-30 3 views
0

Поскольку я только начинаю понимать, как работает API v3, у меня есть проблема с установкой различного контента для моих информационных окон. Я тоже не программист! Я бы поставил несколько маркеров (без проблем) с различным содержимым. Проблема в том, что у меня есть только одно информационное окно, а не второе. Как связать контент с определенным маркером. Невозможно найти способ в документации по картам google. Вот код:несколько информационных окон на карте с картами Google API

<script type="text/javascript"> 
    google.maps.visualRefresh = true; 
    function initialize() { 
    var mapOptions = { 
     center: new google.maps.LatLng(41.648288,8.173828), 
     zoom: 6, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    var map = new google.maps.Map(document.getElementById("map-canvas"), 
     mapOptions); 

var contentString = '<iframe src="http://www.360-  ----- vision.fr/panos/communes_ot_patrimoine/Sanary/" height="300px" width="500px"></iframe>'+ 
'<div id="content">'+ 
'<div id="siteNotice">'+ 
'</div>'+ 
'<h2 id="firstHeading" class="firstHeading">Eglise Sanary</h2>'+ 
'</div>'; 

var infowindow = new google.maps.InfoWindow({ 
content: contentString 
}); 
var image = 'images/marqueur-360.png'; 
var marker = new google.maps.Marker({ 
position: new google.maps.LatLng(43.115145,5.789623), 
map: map, 
icon: image, 
title:"Eglise de Sanary" 
}); 

var contentString1 = '<iframe src="http://www.360- vision.fr/panos/communes_ot_patrimoine/castelsardo/" height="300px" width="500px"> </iframe>'+ 
'<div id="content">'+ 
'<div id="siteNotice">'+ 
'</div>'+ 
'<h2 id="firstHeading" class="firstHeading">Castelsardo</h2>'+ 
'</div>'; 

var infowindow = new google.maps.InfoWindow({ 
content: contentString1 
}); 
var image = 'images/marqueur-360.png'; 
var marker = new google.maps.Marker({ 
position: new google.maps.LatLng(41.042074,8.739624), 
map: map, 
icon: image, 
title:"Castelsardo" 
}); 
google.maps.event.addListener(marker, 'click', function() { 
infowindow.open(map,marker); 
}); 
    } 

    google.maps.event.addDomListener(window, 'load', initialize); 
</script> 

Вот ссылка, чтобы увидеть мою карту. map example Большое спасибо за любое предложение. Steph. :-)

ответ

0

Каждое сообщение может быть привязано к определенному маркеру, маркеру имени и значению соответственно.
Например:

var marker= .... 
var infowindow=... 
infowindow.open(map,marker); 
var marker2= .... 
var infowindow2=... 
infowindow2.open(map,marker2); 
Смежные вопросы