Widget:Map: Difference between revisions

Revision as of 15:02, 18 November 2025

   const { Map } = await google.maps.importLibrary("maps");
   map = new Map(document.getElementById("map"), {
       center: { lat: -34.397, lng: 150.644 },
       zoom: 8,
   });

} </script>

@@ Line 1: / Line 1: @@
-<iframe width="100%" height="450" style="border:0" loading="lazy" allowfullscreen src="https://www.google.com/maps/embed/v1/view?zoom=17&center=44.4596%2C-93.1555&key=AIzaSyAX0HuXLcDXyXYtYDlAlbMYDu6Xe_TdRDc&map_id=b4f5f2c4b34f00566722f89d"></iframe>
+<iframe width="100%" height="450" style="border:0" loading="lazy" allowfullscreen src="https://www.google.com/maps/embed/v1/view?zoom=17&center=44.4596%2C-93.1555&key=AIzaSyAX0HuXLcDXyXYtYDlAlbMYDu6Xe_TdRDc"></iframe>
 <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAX0HuXLcDXyXYtYDlAlbMYDu6Xe_TdRDc&callback=initMap&libraries=&v=weekly" async></script>
@@ Line 5: / Line 5: @@
 <div id="map"></div>
 <script>
-window.initMap = ()=>{
+let map;
-  map = new google.maps.Map(document.getElementById('map'), {
+async function initMap() {
-   center: {lat: -34.397, lng: 150.644},
+    const { Map } = await google.maps.importLibrary("maps");
-   zoom: 8,
+    map = new Map(document.getElementById("map"), {
-   mapId: 'b4f5f2c4b34f00566722f89d'
+        center: { lat: -34.397, lng: 150.644 },
-  });
+        zoom: 8,
+    });
 }
 </script>