Google maps 映射javascript api中心问题

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

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的左上角和右上角。我已经尝试更改缩放级别，在初始化地图后设置中心，但没有成功。

问题不在您提供的代码中。“左上角”问题是在初始化映射时，包含映射的div没有大小。您还没有提供指定地图大小的HTML/CSS（或者在地图最初隐藏时显示地图）

---

另一种可能是在DOM完全呈现之前初始化映射，应该在DOM就绪或body onload事件触发后初始化映射。

问题不在您提供的代码中。“左上角”问题是在初始化映射时，包含映射的div没有大小。您还没有提供指定地图大小的HTML/CSS（或者在地图最初隐藏时显示地图）

---

另一种可能是在DOM完全呈现之前初始化映射，应该在DOM就绪或body onload事件触发后初始化映射。

谢谢您的回答。事实上，我的地图显示在一个灯箱中，似乎DOM在灯箱有效显示之前就准备好了。我改变了触发事件来初始化地图，它的作品！谢谢谢谢你的回答。事实上，我的地图显示在一个灯箱中，似乎DOM在灯箱有效显示之前就准备好了。我改变了触发事件来初始化地图，它的作品！谢谢