[英]Google Maps API V3 - Issue with infobox and loop
我正在使用Google Maps API V3,並且信息框出現問題。 我的代碼僅顯示最后一個標記的信息框。 我不知道為什么。 可能是關閉問題,但不確定。
這是我的代碼:
var directionsDisplay;
var directionsService;
var info;
var i;
function initialize() {
var markers=[];
var GeocoderOptions;
var myGeocoder;
var temp;
info = [
['57 Avenue Joseph Kessel 78180 Montigny-le-Bretonneux','Paul VERLAINE','Testinfo'],
['24 Rue du champ d avoine 78180 Mintigny-le-Bretonneux','Charles PEGUY','Testinfo'],
['21 Rue du Poirier Saint Martin 78180 Mintigny-le-Bretonneux','Maurice GENEVOIX','Testinfo'],
['13 Rue des Pyrenees 78180 Montigny-le-Bretonneux','Neil COSAQUE','Testinfo'],
['14 Rue des Pyrenees 78180 Montigny-le-Bretonneux','Louise THEVENOUX','Testinfo'],
['9 Rue des Bleuets 78180 Montigny-le-Bretonneux','Melanie JARNET','Testinfo'],
['10 Rue des Bleuets 78180 Montigny-le-Bretonneux','Antony JARNET','Testinfo'],
['30 Rue de la Republique 78180 Montigny-le-Bretonneux','Erin BARTOUT','Testinfo'],
['31 Rue de la Republique 78180 Montigny-le-Bretonneux','Fabien BARTOUT','Testinfo'],
['29 Rue de la Republique 78180 Montigny-le-Bretonneux','Christophe BARTOUT','Testinfo']
];
var pinImage;
var marker;
var loc =new google.maps.LatLng(48.772, 2.028);
var mapOptions = {
center: loc,
zoom: 14,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map-canvas"),
mapOptions);
directionsDisplay = new google.maps.DirectionsRenderer();
directionsService = new google.maps.DirectionsService();
directionsDisplay.setMap(map);
directionsDisplay.setPanel(document.getElementById('directionsPanel'));
myGeocoder = new google.maps.Geocoder();
for(i=0;i<info.length;i++){
GeocoderOptions={
'address' : info[i][0],
'region':'FR'
};
myGeocoder.geocode( GeocoderOptions, function(i){
return function(results, status){
if(status == google.maps.GeocoderStatus.OK){
marker = new google.maps.Marker({
position: results[0].geometry.location,
map: map,
title: info[i][1],
icon: pinImage
});
markers.push(this);
//var contentMarker = 'Testinfo';
var infoWindow = new google.maps.InfoWindow(/*{
content : contentMarker
}*/);
google.maps.event.addListener(marker, 'click', function() {
infoWindow.setContent(info[i][2]);
infoWindow.open(map,marker);
});
} else {
alert("L'adresse n'a pas pu etre geocodee avec succes.");
}
}
}(i));
}
calcRoute();
}
function calcRoute(){
var request = {
origin: info[5][0],
destination: info[1][0],
travelMode: google.maps.TravelMode.DRIVING
};
directionsService.route(request, function(response,status){
if(status==google.maps.DirectionsStatus.OK){
//alert("Je passe ici2");
directionsDisplay.setDirections(response);
}
});
}
google.maps.event.addDomListener(window, 'load', initialize);
似乎是關閉問題:您獲得了上一個索引的infoWindow。 我添加了一個新功能:
function addInfoWindowOnEvent(marker, infoWindow, map, event) {
google.maps.event.addListener(marker, event, function () {
infoWindow.open(map, marker);
});
}
並注釋掉/更改了事件偵聽器的一部分:
//google.maps.event.addListener(marker, 'click', function() {
infoWindow.setContent(info[i][2]);
//infoWindow.open(map,marker);
//});
addInfoWindowOnEvent(marker, infoWindow, map, 'click');
infowindow的文本幾乎沒有擴展才能看到區別。 之前只是testinfo 。
另外,我也從標記中注釋掉了變量pinImage
,因為它沒有定義。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.