无法让信息窗口出现在 Google 地图 V3 上

Question

我是 javascript 编程新手，正在尝试使用 Google Maps V3 API。

按照 Google 的示例，我可以添加一个标记，并在每次更新窗口时让它移动到中心。但是，我希望在单击标记时添加一个信息窗口，这似乎不起作用。我尝试添加一些其他功能来测试是否触发了标记点击事件。这确实奏效了，所以我相信我创建信息窗口的方式有问题。

var map;

function initialize() {
  var bboxstr;

  var mapOptions = {
    zoom: 8,
    center: new google.maps.LatLng(-34.397, 150.644)
  };
  map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);

  var myMarker = new google.maps.Marker({
    position: map.getCenter(),
    map: map
  });

  google.maps.event.addListener(map, "click", function(event) {
    addMarker(event.latLng);
  });

  google.maps.event.addListener(map, "dragend", function(event) {
    var center = map.getCenter();
    myMarker.setPosition(center);
    bboxstr = map.getBounds();
    alert("new center is " + center + " and new bbox is " + bboxstr);
  });

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

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

google.maps.event.addDomListener(window, 'load', initialize);

我一直在使用我桌面上的 HTML 文件（我使用文本编辑器创建）对此进行测试。我试图将该示例移植到 jsfiddle，但似乎也无法使其正常工作。如果有人也可以帮助我，那就太好了.. :(

http://jsfiddle.net/himenohogosha/CL6cH/

更新：我能够在下面的帮助下显示信息窗口。我剩下的问题是，为什么信息窗口的内容没有更新？

Answer 1

您的代码运行良好。仅以您的风格更改height:300px。您看不到地图，因为它没有定义高度。

DEMO

Answer 2

您有两次包含 Google API：作为来自 jsfiddle 的外部资源和通过标签。

地图没有显示，因为map-canvas的头部、身体和宽度没有样式规则。

函数add-marker 未定义。已注释掉。

信息窗口不显示，因为bboxstr 未定义。即使您稍后在事件侦听器中设置它。

见updated fiddle。