sl@0:
sl@0:
sl@0: <!DOCTYPE html>
sl@0: <html>
sl@0: <head>
sl@0: <title>Asynchronous Loading</title>
sl@0: <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
sl@0: <meta charset="utf-8">
sl@0: <link href="/maps/documentation/javascript/examples/default.css" rel="stylesheet">
sl@0: <script>
sl@0: function initialize() {
sl@0: var mapOptions = {
sl@0: zoom: 8,
sl@0: center: new google.maps.LatLng(-34.397, 150.644),
sl@0: mapTypeId: google.maps.MapTypeId.ROADMAP
sl@0: };
sl@0:
sl@0: var map = new google.maps.Map(document.getElementById('map-canvas'),
sl@0: mapOptions);
sl@0: }
sl@0:
sl@0: function loadScript() {
sl@0: var script = document.createElement('script');
sl@0: script.type = 'text/javascript';
sl@0: script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&' +
sl@0: 'callback=initialize';
sl@0: document.body.appendChild(script);
sl@0: }
sl@0:
sl@0: window.onload = loadScript;
sl@0:
sl@0: </script>
sl@0: </head>
sl@0: <body>
sl@0: <div id="map-canvas"></div>
sl@0: </body>
sl@0: </html>
sl@0: