Google maps 如何显示信息窗口?

Google maps 如何显示信息窗口?,google-maps,Google Maps,大家好,我一直在尽力解决这个问题。即使单击标记,我也看不到信息窗口 <script type="text/javascript"> function initialize() { //Initalize JS after onload var map = new google.maps.Map(document.getElementById('map_canvas'), { mapTypeId: google.maps.MapTypeId.ROADMAP, }); va

大家好,我一直在尽力解决这个问题。即使单击标记,我也看不到信息窗口

<script type="text/javascript">

function initialize() { //Initalize JS after onload
var map = new google.maps.Map(document.getElementById('map_canvas'), { 
 mapTypeId: google.maps.MapTypeId.ROADMAP,
});




var randomPoint0 = new google.maps.LatLng(18.9750, 72.8258); //First Location


var marker0 = new google.maps.Marker({ //Set up marker
       position: randomPoint0,
       map: map
    });

google.maps.event.addDomListener(document.getElementById('locationid0'), 'click', //Set up DOM listener 1
    function(){
        map.setZoom(13);
     map.setCenter(marker0.getPosition());  
    });


var randomPoint1 = new google.maps.LatLng(19.8833, 76.7833); //First Location


var marker1 = new google.maps.Marker({ //Set up marker
       position: randomPoint1,
       map: map
    });

google.maps.event.addDomListener(document.getElementById('locationid1'), 'click', //Set up DOM listener 1
    function(){
        map.setZoom(13);
     map.setCenter(marker1.getPosition());  
    });


var randomPoint2 = new google.maps.LatLng(25.6000, 85.1167); //First Location


var marker2 = new google.maps.Marker({ //Set up marker
       position: randomPoint2,
       map: map
    });

google.maps.event.addDomListener(document.getElementById('locationid2'), 'click', //Set up DOM listener 1
    function(){
        map.setZoom(13);
     map.setCenter(marker2.getPosition());  
    });


var randomPoint3 = new google.maps.LatLng(18.5333, 73.8667); //First Location


var marker3 = new google.maps.Marker({ //Set up marker
       position: randomPoint3,
       map: map
    });

google.maps.event.addDomListener(document.getElementById('locationid3'), 'click', //Set up DOM listener 1
    function(){
        map.setZoom(13);
     map.setCenter(marker3.getPosition());  
    });


var randomPoint4 = new google.maps.LatLng(22.3000, 70.7833); //First Location


var marker4 = new google.maps.Marker({ //Set up marker
       position: randomPoint4,
       map: map
    });

google.maps.event.addDomListener(document.getElementById('locationid4'), 'click', //Set up DOM listener 1
    function(){
        map.setZoom(13);
     map.setCenter(marker4.getPosition());  
    });


var randomPoint5 = new google.maps.LatLng(17.8625, 78.886); //First Location


var marker5 = new google.maps.Marker({ //Set up marker
       position: randomPoint5,
       map: map
    });

google.maps.event.addDomListener(document.getElementById('locationid5'), 'click', //Set up DOM listener 1
    function(){
        map.setZoom(13);
     map.setCenter(marker5.getPosition());  
    });


var randomPoint6 = new google.maps.LatLng(13.0833, 80.2833); //First Location


var marker6 = new google.maps.Marker({ //Set up marker
       position: randomPoint6,
       map: map
    });

google.maps.event.addDomListener(document.getElementById('locationid6'), 'click', //Set up DOM listener 1
    function(){
        map.setZoom(13);
     map.setCenter(marker6.getPosition());  
    });


var randomPoint7 = new google.maps.LatLng(28.6167, 77.2167); //First Location


var marker7 = new google.maps.Marker({ //Set up marker
       position: randomPoint7,
       map: map
    });

google.maps.event.addDomListener(document.getElementById('locationid7'), 'click', //Set up DOM listener 1
    function(){
        map.setZoom(13);
     map.setCenter(marker7.getPosition());  
    });


var randomPoint8 = new google.maps.LatLng(19.9833, 73.8000); //First Location


var marker8 = new google.maps.Marker({ //Set up marker
       position: randomPoint8,
       map: map
    });

google.maps.event.addDomListener(document.getElementById('locationid8'), 'click', //Set up DOM listener 1
    function(){
        map.setZoom(13);
     map.setCenter(marker8.getPosition());  
    });


var randomPoint9 = new google.maps.LatLng(30.7343, 76.7933); //First Location


var marker9 = new google.maps.Marker({ //Set up marker
       position: randomPoint9,
       map: map
    });

google.maps.event.addDomListener(document.getElementById('locationid9'), 'click', //Set up DOM listener 1
    function(){
        map.setZoom(13);
     map.setCenter(marker9.getPosition());  
    });


var randomPoint10 = new google.maps.LatLng(22.5697, 88.3697); //First Location


var marker10 = new google.maps.Marker({ //Set up marker
       position: randomPoint10,
       map: map
    });

google.maps.event.addDomListener(document.getElementById('locationid10'), 'click', //Set up DOM listener 1
    function(){
        map.setZoom(13);
     map.setCenter(marker10.getPosition());  
    });




    map.setCenter(marker0.getPosition());
    map.setZoom(5);

 var info = message;

        var infoWindow = new google.maps.InfoWindow({
            content: message
        });

        google.maps.event.addListener(marker, 'click', function () {
            infoWindow.open(map, marker);
        });


}



</script>

函数initialize(){//onload后初始化JS
var map=new google.maps.map(document.getElementById('map_canvas'),{
mapTypeId:google.maps.mapTypeId.ROADMAP,
});
var randomPoint0=new google.maps.LatLng(18.975072.8258);//第一个位置
var marker0=new google.maps.Marker({//setup Marker
位置:随机点0,
地图:地图
});
google.maps.event.addDomListener(document.getElementById('locationid0'),'click',//设置DOM listener 1
函数(){
map.setZoom(13);
map.setCenter(marker0.getPosition());
});
var randomPoint1=new google.maps.LatLng(19.8833,76.7833);//第一个位置
var marker1=new google.maps.Marker({//setup Marker
位置:随机点1,
地图:地图
});
google.maps.event.addDomListener(document.getElementById('locationid1'),'click',//设置DOM listener 1
函数(){
map.setZoom(13);
map.setCenter(marker1.getPosition());
});
var randomPoint2=new google.maps.LatLng(25.6000,85.1167);//第一个位置
var marker2=新的google.maps.Marker({//设置标记
位置:随机点2,
地图:地图
});
google.maps.event.addDomListener(document.getElementById('locationid2'),'click',//设置DOM listener 1
函数(){
map.setZoom(13);
map.setCenter(marker2.getPosition());
});
var randomPoint3=new google.maps.LatLng(18.5333,73.8667);//第一个位置
var marker3=新的google.maps.Marker({//设置标记
位置:第3点,
地图:地图
});
google.maps.event.addDomListener(document.getElementById('locationid3'),'click',//设置DOM listener 1
函数(){
map.setZoom(13);
map.setCenter(marker3.getPosition());
});
var randomPoint4=新的google.maps.LatLng(22.3000,70.7833);//第一个位置
var marker4=新的google.maps.Marker({//设置标记
位置:随机点4,
地图:地图
});
google.maps.event.addDomListener(document.getElementById('locationid4'),'click',//设置DOM listener 1
函数(){
map.setZoom(13);
map.setCenter(marker4.getPosition());
});
var randomPoint5=新的google.maps.LatLng(17.862578.886);//第一个位置
var marker5=新的google.maps.Marker({//设置标记
位置:第5点,
地图:地图
});
google.maps.event.addDomListener(document.getElementById('locationid5'),'click',//设置DOM listener 1
函数(){
map.setZoom(13);
map.setCenter(marker5.getPosition());
});
var randomPoint6=new google.maps.LatLng(13.0833,80.2833);//第一个位置
var marker6=新的google.maps.Marker({//设置标记
位置:第6点,
地图:地图
});
google.maps.event.addDomListener(document.getElementById('locationid6'),'click',//设置DOM listener 1
函数(){
map.setZoom(13);
map.setCenter(marker6.getPosition());
});
var randomPoint7=新的google.maps.LatLng(28.6167,77.2167);//第一个位置
var marker7=新的google.maps.Marker({//设置标记
位置:第7点,
地图:地图
});
google.maps.event.addDomListener(document.getElementById('locationid7'),'click',//设置DOM listener 1
函数(){
map.setZoom(13);
map.setCenter(marker7.getPosition());
});
var randomPoint8=新的google.maps.LatLng(19.9833,73.8000);//第一个位置
var marker8=新的google.maps.Marker({//设置标记
位置:第8点,
地图:地图
});
google.maps.event.addDomListener(document.getElementById('locationid8'),'click',//设置DOM listener 1
函数(){
map.setZoom(13);
map.setCenter(marker8.getPosition());
});
var randomPoint9=new google.maps.LatLng(30.734376.7933);//第一个位置
var marker9=新的google.maps.Marker({//设置标记
位置:第9点,
地图:地图
});
google.maps.event.addDomListener(document.getElementById('locationid9'),'click',//设置DOM listener 1
函数(){
map.setZoom(13);
map.setCenter(marker9.getPosition());
});
var randomPoint10=新的google.maps.LatLng(22.5697,88.3697);//第一个位置
var marker10=新的google.maps.Marker({//设置标记
位置:第10点,
地图:地图
});
google.maps.event.addDomListener(document.getElementById('locationid10'),'click',//设置DOM listener 1
函数(){
map.setZoom(13);
map.setCenter(marker10.getPosition());
});
map.setCenter(marker0.getPosition());
map.setZoom(5);
var info=消息;
var infoWindow=new google.maps.infoWindow({
内容:信息
});
google.maps.event.addListener(标记,'click',函数(){
信息窗口。打开(地图、标记);
});
}
这是我的链接


所有的标记引脚都是动态的,因此我如何显示地址文本,请您建议

您需要为每个标记设置一个信息窗口

假设您有10条不同的消息,存储在10个变量(message0、message1、message2等)中,您应该编写:

    var infoWindow0 = new google.maps.InfoWindow({
        content: message0
    });

    google.maps.event.addListener(marker0, 'click', function () {
        infoWindow0.open(map, marker0);
    });


    var infoWindow1 = new google.maps.InfoWindow({
        content: message1
    });

    google.maps.event.addListener(marker1, 'click', function () {
        infoWindow1.open(map, marker1);
    });


    var infoWindow2 = new google.maps.InfoWindow({
        content: message2
    });

    google.maps.event.addListener(marker2, 'click', function () {
        infoWindow2.open(map, marker2);
    });

...(and so on until marker10)

您的代码中没有。谢谢,但我确实做到了。谢谢你的努力。给你