Javascript 谷歌地图api，选择信息窗口？

我为一个糟糕的标题感到抱歉

但现在的问题是：我使用谷歌地图api，一切正常

除了这个

如你所见，除非我在地图上向上滚动，否则我不会显示标题。。有人知道我如何将其居中，使信息窗口更可见吗

  function initialize() {
  var myLatlng = new google.maps.LatLng(57.671431,14.976811);
  var myMaplng = new google.maps.LatLng(57.671828,14.976794);
  var mapOptions = {
    zoom: 15,
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    center: myMaplng,
    disableDefaultUI: true
  };

  var map = new google.maps.Map(document.getElementById('map'), mapOptions);

  var contentString = '<div id="content" style="padding: 0;margin:0;">'+
      '<div id="siteNotice">'+
      '</div>'+
      '<h1 id="firstHeading" class="firstHeading" style="padding: 0;margin:0;">lololol</h1>'+
      '<div id="bodyContent">'+
      '<p>Kaserngatan 24A<br>575 34 sdad<br></p>På den här addressen ligger vårat temporära kontor.. ' + 
      '</div>'+
      '</div>';

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

  var marker = new google.maps.Marker({
      position: myLatlng,
      map: map,
      title: 'lololol'
  });
  google.maps.event.addListener(window, 'load', function() {
    infowindow.open(map,marker);
  });
  infowindow.open(map,marker);
}

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

函数初始化（）{
var mylatng=new google.maps.LatLng（57.671431,14.976811）；
var mymapng=new google.maps.LatLng（57.671828,14.976794）；
变量映射选项={
缩放：15，
mapTypeId:google.maps.mapTypeId.ROADMAP，
中心：myMaplng，
disableDefaultUI:true
};
var map=new google.maps.map（document.getElementById（'map'），mapOptions）；
var contentString=''+
''+
''+
“洛洛尔”+
''+
“Kaserngatan 24A
575 34 sdad
påden här地址为ligger vårat Tempora kontor.”
''+
'';
var infowindow=new google.maps.infowindow({
内容：contentString
});
var marker=new google.maps.marker({
职位：myLatlng，
地图：地图，
标题：“洛洛洛尔”
});
google.maps.event.addListener（窗口'load'，函数（）{
信息窗口。打开（地图、标记）；
});
信息窗口。打开（地图、标记）；
}
google.maps.event.addDomListener（窗口“加载”，初始化）；

我试图在本文中重现您的问题，但无法重现。然而，我猜CSS中的某个地方正在被覆盖

无论如何，谷歌地图提供了一个选项，可以使用

panTo（latLng）

方法以编程方式移动地图

将贴图的中心更改为给定的板条。如果改变是 小于贴图的宽度和高度时，将显示过渡 流畅的动画

---

看来你们地图的高度太小了。检查您的样式，您的文件中应该有如下内容：

<style type="text/css">
    html { height: 100% }
    body { height: 100%; margin: 0; padding: 0 }
    #map { height: 50%; width: 80% }
</style>

您还可以使用

pixelOffset

选项向下移动信息窗口：

  var infowindow = new google.maps.InfoWindow({
      content: contentString,
      pixelOffset: new google.maps.Size(0, 50)
  });

---

但在这种情况下，在关闭信息窗口之前，您的标记将不可见。

另一种可能是将标记平移到地图底部，以显示信息窗口的更多部分

签出第37行以了解其工作原理

---

map.panBy（x:number，y:number）

您能提供有关页面样式的信息吗？可能重复的不是重复的。。这甚至不是我的问题

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

  var infowindow = new google.maps.InfoWindow({
      content: contentString,
      pixelOffset: new google.maps.Size(0, 50)
  });