Google maps api 3 谷歌地图API v3信息窗口未显示

Google maps api 3 谷歌地图API v3信息窗口未显示,google-maps-api-3,Google Maps Api 3,无法理解为什么信息窗口不会显示在此页面上 还注意到谷歌的例子没有信息窗口 代码 var mapOptions = { center: new google.maps.LatLng(51.539104, -2.400264), zoom: 16, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementBy

无法理解为什么信息窗口不会显示在此页面上

还注意到谷歌的例子没有信息窗口

代码

    var mapOptions = {
      center: new google.maps.LatLng(51.539104, -2.400264),
      zoom: 16,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

    var image = 'cup-sm.png';
    var myLatLng = new google.maps.LatLng(51.539104, -2.400264);
    var contentString = '<div id="content" style = "width:100px;height:100px;background:white">test content</div>';


    var marker = new google.maps.Marker({
          position: myLatLng,
          map: map,
          title:"Get In Touch",
          icon: image
      });

    var infowindow = new google.maps.InfoWindow({
        content: contentString
    });

    google.maps.event.addListener(marker, 'click', function() {
      infowindow.open(map,marker);
    });
var映射选项={
中心:新google.maps.LatLng(51.539104,-2.400264),
缩放:16,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map(document.getElementById(“map_canvas”),mapOptions);
var image='cup sm.png';
var mylatng=new google.maps.LatLng(51.539104,-2.400264);
var contentString='测试内容';
var marker=new google.maps.marker({
职位:myLatLng,
地图:地图,
标题:“取得联系”,
图标:图像
});
var infowindow=new google.maps.infowindow({
内容:contentString
});
google.maps.event.addListener(标记'click',函数(){
信息窗口。打开(地图、标记);
});

您是否尝试从您的内容中删除id=“content”?id必须是唯一的。对我有效。上面写着“content”(这不是上面的代码所指示的,所以您必须对其进行更改)。已删除id=“content”,仍然无法在任何浏览器中看到它。我担心。也没有。还有什么想法吗?摆脱了侦听器单击并替换为…$(document.ready(function(){infowindow.open(map,marker);});