Bagaimana untuk Mengubah Saiz Peta Google Selepas Memuatkan dengan JavaScript?

Mengubah saiz Peta Google selepas Memuatkan dengan JavaScript

Mengubah saiz Peta Google agar muat dengan bekas yang lebih besar selepas ia dimuatkan boleh dicapai dengan pencetus mudah. Dalam Peta Google v3, peristiwa ubah saiz dicetuskan secara berbeza:

google.maps.event.trigger(map, "resize");

Rujuk dokumentasi API Peta Google untuk mendapatkan maklumat lanjut tentang acara ubah saiz.

Kemas kini:

Untuk contoh praktikal, pertimbangkan coretan kod berikut menggunakan 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");
  });
});

Atas ialah kandungan terperinci Bagaimana untuk Mengubah Saiz Peta Google Selepas Memuatkan dengan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!