Javascript 谷歌地图:在信息窗口中显示地址
我正在尝试实现地址显示在其中的infowindows。。 下面是我的代码Javascript 谷歌地图:在信息窗口中显示地址,javascript,google-maps-api-3,infowindow,Javascript,Google Maps Api 3,Infowindow,我正在尝试实现地址显示在其中的infowindows。。 下面是我的代码 $('#citiesdata').empty(); var listFavourite = []; $(responce).find("favorite").each(function() { var name = $(this).find("name").text(); var address = $(this).find("address").text();
$('#citiesdata').empty();
var listFavourite = [];
$(responce).find("favorite").each(function() {
var name = $(this).find("name").text();
var address = $(this).find("address").text();
var phoneNo = $(this).find("phoneNo").text();
var lattitude = $(this).find("lattitude").text();
var longitude = $(this).find("longitude").text();
var favouriteObject = new Object();
favouriteObject.name = name;
favouriteObject.address = address;
favouriteObject.lattitude = lattitude;
favouriteObject.longitude = longitude;
listFavourite.push(favouriteObject);
$('#citiesdata').append('<tr><td><b>'+name+'</b></td></tr>');
$('#citiesdata').append('<tr><td>'+address+'</td></tr>');
$('#citiesdata').append('<tr><td>'+phoneNo+'</td></tr>');
});
//call map service to load map with marker
//method name(listFavourite);
var content = "<div id='tabs'>"+
"<form id='button'>"+
"<div>"+
"<input type='button' value='click me' onclick='alert(\"infoWindow\")'>"+
"</div>"+
"</form>"+
"</div>";
var map = new google.maps.Map(document.getElementById("map_canvas"), {
mapTypeId: google.maps.MapTypeId.ROADMAP,
streetViewControl: false
});
var infowindow = new google.maps.InfoWindow({
//content: content
});
for (var n = 0 ; n <listFavourite.length ; n++)
addMarker(listFavourite[n]);
}
function addMarker(data) {
var marker = new google.maps.Marker({
position: new google.maps.LatLng(data.lattitude, data.longitude),
map: map,
title: data.address
});
google.maps.event.addListener(marker, "click", function() {
infowindow.setContent(data.address);
infowindow.open(map, marker);
});
};
$('citiesdata').empty();
var ListFavorite=[];
$(response).find(“favorite”).each(function(){
var name=$(this.find(“name”).text();
var address=$(this.find(“address”).text();
var phoneNo=$(this.find(“phoneNo”).text();
var latitude=$(this.find(“latitude”).text();
var longitude=$(this.find(“longitude”).text();
var favoriteObject=新对象();
favoriteObject.name=名称;
FavoriteObject.address=地址;
FavoriteObject.latitude=latitude;
favoriteObject.longitude=经度;
listFavorite.push(FavoriteObject);
$(“#citiesdata”)。追加(“”+name+“”);
$(“#citiesdata”)。追加(“”+地址+“”);
$(“#citiesdata”).append(“”+phoneNo+“”);
});
//调用地图服务加载带有标记的地图
//方法名称(ListFavorite);
var content=“”+
""+
""+
""+
""+
""+
"";
var map=new google.maps.map(document.getElementById(“map_canvas”){
mapTypeId:google.maps.mapTypeId.ROADMAP,
街景控制:错误
});
var infowindow=new google.maps.infowindow({
//内容:内容
});
对于(var n=0;n您需要在单独的函数中创建标记:
for (var n = 0 ; n <listFavourite.length ; n++)
addMarker(listFavourite[n]);
}
function addMarker(data) {
var marker = new google.maps.Marker({
position: new google.maps.LatLng(data.lattitude, data.longitude),
map: map,
title: data.address
});
google.maps.event.addListener(marker, "click", function() {
infowindow.setContent(data.address);
infowindow.open(map, marker);
});
};
for(var n=0;n将infowindow.setContent(content)更改为infowindow.setContent(data.address);但对所有标记重复相同的地址…有线索吗?集成了代码但出错:未捕获范围错误:超过最大调用堆栈大小错误地集成了它。编辑问题以反映当前完整的代码,包括创建需要指定的映射对象时ListFavorite数组的内容将mapOptions居中并放大。正如文档中所述,这两个参数都是必需的。假设我不会花一整天的时间来回答这个问题。更新您的代码并描述您在javascript控制台上遇到的错误。“itz”是什么意思?以下是完整的代码:在控制台中,iam gettinh infowindow不是def内德