使用 JavaScript 加载后调整 Google 地图的大小
加载后调整 Google 地图的大小以适应更大的容器可以通过简单的触发器。在 Google 地图 v3 中,调整大小事件的触发方式有所不同:
google.maps.event.trigger(map, "resize");
有关调整大小事件的更多信息,请参阅 Google 地图 API 文档。
更新:
作为一个实际示例,请考虑以下使用 jQuery 的代码片段:
$(function() {
var mapOptions = {
zoom: 8,
center: new google.maps.LatLng(-34.397, 150.644)
};
var map = new google.maps.Map($("#map-canvas")[0], mapOptions);
// Listen for window resize event and trigger map resize
$(window).resize(function() {
google.maps.event.trigger(map, "resize");
});
});
以上是如何使用 JavaScript 加载后调整 Google 地图大小?的详细内容。更多信息请关注PHP中文网其他相关文章!