映射javascript api中心问题

Question

我的问题非常简单。使用以下代码创建地图后，地图的中心位置不正确。

var myOptions = {
  center: new google.maps.LatLng(47.000059, 2.06543),
  zoom: 9,
  mapTypeId: google.maps.MapTypeId.ROADMAP,
  scaleControl: false,
  streetViewControl: false,
  mapTypeControl: false,
};
var activity_map = new google.maps.Map(document.getElementById("activity-map"), myOptions);

这一点是法国的中间。我的div是一个200x200px的块，具有隐藏的溢出和相对位置。似乎预期的中心位于div的左上角。我已经尝试更改缩放级别，在初始化地图后设置中心但它没有工作。

Answer 1

问题不在您提供的代码中。 “左上角”问题是在初始化地图时包含地图的div没有大小。您尚未提供指定地图大小的HTML / CSS（如果最初隐藏，则会显示该地图）。

另一种可能性是你在DOM完全呈现之前初始化地图，你应该在DOM ready或body onload事件触发后初始化它。