Javascript 谷歌地图-无法将文本和图像插入信息窗口
我正在使用Javascript 谷歌地图-无法将文本和图像插入信息窗口,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我正在使用googlemapapiv3在地图上显示一些标记,并在用户单击时显示infoWindow。我可以在此信息窗口中插入图像或文本,是否有办法同时插入这两种内容 代码如下: google.maps.event.addListener(marker, 'click', (function(marker, i) { return function() { //infowindow.setContent('<img style="width:100px; height: 50px
googlemapapiv3
在地图上显示一些标记,并在用户单击时显示infoWindow
。我可以在此信息窗口中插入图像或文本,是否有办法同时插入这两种内容
代码如下:
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
//infowindow.setContent('<img style="width:100px; height: 50px;" src="'+arrOfGeoPoints[i].image+'" >',"This text will not appear, but the image will");
infowindow.setContent(arrOfGeoPoints[i].address); //text shows fine here
infowindow.open(map, marker);
}
})(marker, i));
google.maps.event.addListener(标记,'click',(函数(标记,i){
返回函数(){
//setContent(“”,“此文本不会显示,但图像会显示”);
infowindow.setContent(arrOfGeoPoints[i].address);//文本在此处显示良好
信息窗口。打开(地图、标记);
}
})(marker,i));
您可以添加一个div
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent('<img style="width:100px; height: 50px;" src="'
+ arrOfGeoPoints[i].image+'" ><div>'
+ arrOfGeoPoints[i].address
+ ' - This text should appear, like the image ' +'</div>');
//infowindow.setContent(arrOfGeoPoints[i].address); //text shows fine here
infowindow.open(map, marker);
})(marker, i));
google.maps.event.addListener(标记,'click',(函数(标记,i){
返回函数(){
infowindow.setContent(“”
+arrOfGeoPoints[i]。地址
+“-此文本应显示,如图像“+”);
//infowindow.setContent(arrOfGeoPoints[i].address);//文本在此处显示良好
信息窗口。打开(地图、标记);
})(marker,i));
从infoWindow.setContent的参数中创建一个有效的HTML字符串:
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent('<img style="width:100px; height: 50px;" src="'+arrOfGeoPoints[i].image+'" ><br>'+arrOfGeoPoints[i].address);
infowindow.open(map, marker);
}
})(marker, i));
我简直不敢相信我没有想到div
解决方案。谢谢。