Widget:Map: Difference between revisions
From Makerpedia
No edit summary |
No edit summary |
||
| 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¢er=44.4596%2C-93.1555&key=AIzaSyAX0HuXLcDXyXYtYDlAlbMYDu6Xe_TdRDc"></iframe> | <iframe width="100%" height="450" style="border:0" loading="lazy" allowfullscreen src="https://www.google.com/maps/embed/v1/view?zoom=17¢er=44.4596%2C-93.1555&key=AIzaSyAX0HuXLcDXyXYtYDlAlbMYDu6Xe_TdRDc"></iframe> | ||
<div id="map"></div> | <div id="map"></div> | ||
| Line 14: | Line 12: | ||
} | } | ||
</script> | </script> | ||
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAX0HuXLcDXyXYtYDlAlbMYDu6Xe_TdRDc&callback=initMap&libraries=&v=weekly" async></script> | |||
<img src="https://maps.googleapis.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&zoom=13&size=600x300&maptype=roadmap&key=AIzaSyAX0HuXLcDXyXYtYDlAlbMYDu6Xe_TdRDc&map_id=20f664f6606e1433cbbe4077" /> | <img src="https://maps.googleapis.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&zoom=13&size=600x300&maptype=roadmap&key=AIzaSyAX0HuXLcDXyXYtYDlAlbMYDu6Xe_TdRDc&map_id=20f664f6606e1433cbbe4077" /> | ||
<iframe width="600" height="450" style="border:0" loading="lazy" allowfullscreen src="https://www.google.com/maps/embed/v1/view?zoom=17¢er=44.4596%2C-93.1555&key=AIzaSyAX0HuXLcDXyXYtYDlAlbMYDu6Xe_TdRDc&map_id=b4f5f2c4b34f00566722f89d"></iframe> | <iframe width="600" height="450" style="border:0" loading="lazy" allowfullscreen src="https://www.google.com/maps/embed/v1/view?zoom=17¢er=44.4596%2C-93.1555&key=AIzaSyAX0HuXLcDXyXYtYDlAlbMYDu6Xe_TdRDc&map_id=b4f5f2c4b34f00566722f89d"></iframe> | ||
Revision as of 15:05, 18 November 2025
<iframe width="100%" height="450" style="border:0" loading="lazy" allowfullscreen src="https://www.google.com/maps/embed/v1/view?zoom=17¢er=44.4596%2C-93.1555&key=AIzaSyAX0HuXLcDXyXYtYDlAlbMYDu6Xe_TdRDc"></iframe>
<script> let map; async function initMap() {
const { Map } = await google.maps.importLibrary("maps");
map = new Map(document.getElementById("map"), {
center: { lat: -34.397, lng: 150.644 },
zoom: 8,
});
} </script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAX0HuXLcDXyXYtYDlAlbMYDu6Xe_TdRDc&callback=initMap&libraries=&v=weekly" async></script>
<iframe width="600" height="450" style="border:0" loading="lazy" allowfullscreen src="https://www.google.com/maps/embed/v1/view?zoom=17¢er=44.4596%2C-93.1555&key=AIzaSyAX0HuXLcDXyXYtYDlAlbMYDu6Xe_TdRDc&map_id=b4f5f2c4b34f00566722f89d"></iframe>
