Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>Simple Map</title>
- <script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
- <style type="text/css">
- /* Always set the map height explicitly to define the size of the div
- * element that contains the map. */
- #map {
- height: 100%;
- }
- /* Optional: Makes the sample page fill the window. */
- html,
- body {
- height: 100%;
- margin: 0;
- padding: 0;
- }
- </style>
- <script>
- let map;
- function initMap() {
- var myLatlng = new google.maps.LatLng(25.149888,121.776568);
- map = new google.maps.Map(document.getElementById("map"), {
- center: myLatlng,
- zoom: 15,
- });
- }
- </script>
- </head>
- <body>
- <div id="map"></div>
- <!-- Async script executes immediately and must be after any DOM elements used in callback. -->
- <script
- src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&callback=initMap&libraries=&v=weekly"
- async
- ></script>
- </body>
- </html>
Add Comment
Please, Sign In to add comment