GeoLocation with GoogleMaps API

From: http://www.frontendbrasil.com.br/tutoriais/html5-geolocalizacao-usando-a-api-do-google-maps/
<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>Geolocalização usando a API do Google</title>
</head>
<body>

<section>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
        <article>
            <p><span id="status">Por favor aguarde enquanto nós tentamos locar você...</span></p>
        </article>

        <script type="text/javascript">
            function success(position) {
                var s = document.querySelector('#status');

                if (s.className == 'success') {
                    return;
                }

                s.innerHTML = "Você foi localizado!";
                s.className = 'success';

                var mapcanvas = document.createElement('div');
                    mapcanvas.id = 'mapcanvas';
                    mapcanvas.style.height = '400px';
                    mapcanvas.style.width = '560px';

                document.querySelector('article').appendChild(mapcanvas);

                var latlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);

                var myOptions = {
                    zoom: 15,
                    center: latlng,
                    mapTypeControl: false,
                    navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };

                var map = new google.maps.Map(document.getElementById("mapcanvas"), myOptions);
                var marker = new google.maps.Marker({
                    position: latlng,
                    map: map,
                    title:"Você está aqui!"
                });

            }

            function error(msg) {
                var s = document.querySelector('#status');
                    s.innerHTML = typeof msg == 'string' ? msg : "falhou";
                    s.className = 'fail';
            }

            if (navigator.geolocation) {
                navigator.geolocation.getCurrentPosition(success, error);
            } else {
                error('Seu navegador não suporta Geolocalização!');
            }
        </script>
</section>


</body>
</html>