Google maps 谷歌地图api v3多个信息窗口中的不同内容
我正在使用GoogleMapsAPIv3进行一个项目,并试图在出现信息窗口时单击一个标记。我已经完成了这一点,但现在我想要的是不同的内容显示时,不同的标记被点击,我似乎不明白。感谢您的帮助。谢谢Google maps 谷歌地图api v3多个信息窗口中的不同内容,google-maps,Google Maps,我正在使用GoogleMapsAPIv3进行一个项目,并试图在出现信息窗口时单击一个标记。我已经完成了这一点,但现在我想要的是不同的内容显示时,不同的标记被点击,我似乎不明白。感谢您的帮助。谢谢 function initialize() { var locations = [ ['Phi Delta Theta', 39.511747,-84.735117], ['Pi Kappa Alpha', 39.511776, -84.735684], [
function initialize() {
var locations = [
['Phi Delta Theta', 39.511747,-84.735117],
['Pi Kappa Alpha', 39.511776, -84.735684],
['Sigma Nu', 39.513921, -84.735159],
['Sigma Alpha Epsilon', 39.514332, -84.734956],
['Beta Theta Pi', 39.5107519, -84.738549]
];
var myLatlng = new google.maps.LatLng(39.511747,-84.735117);
var mapOptions = {
zoom: 15,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
var contentString = '<div id="content">'+
'</div>';
var infowindow = new google.maps.InfoWindow({
content: contentString
});
var marker, i;
for (i = 0; i < locations.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][1], locations[i][2]),
map: map
});
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent(locations[i][0]);
infowindow.open(map, marker);
}
})(marker, i));
}
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
}
函数初始化(){
变量位置=[
[Phi Delta Theta',39.511747,-84.735117],
[Pi Kappa Alpha',39.511776,-84.735684],
[Sigma Nu',39.513921,-84.735159],
['Sigma Alpha Epsilon',39.514332,-84.734956],
[Beta-Theta-Pi',39.5107519,-84.738549]
];
var mylatng=newgoogle.maps.LatLng(39.511747,-84.735117);
变量映射选项={
缩放:15,
中心:myLatlng,
mapTypeId:google.maps.mapTypeId.ROADMAP
}
var map=new google.maps.map(document.getElementById(“map_canvas”),mapOptions);
var contentString=''+
'';
var infowindow=new google.maps.infowindow({
内容:contentString
});
var标记,i;
对于(i=0;i
,但它允许同时打开多个信息窗口。
其要点是定义windowinfo的多个实例。
而不是:
var infowindow = new google.maps.InfoWindow({
content: contentString
});
....
for (i = 0; i < locations.length; i++) {
}
var infowindow=new google.maps.infowindow({
内容:contentString
});
....
对于(i=0;i
你喜欢这样吗
for (i = 0; i < locations.length; i++) {
var infowindow = new google.maps.InfoWindow({
content: contentString
});
}
for(i=0;i
这样,您将定义多个标记,每个标记具有不同的内容