Programación en HTML5, CSS3 y JavaScript: Módulo 10: Laboratorio: Código Fuente Ejemplo

DemoVideo.js

/// <reference path="jquery-3.1.1.js" />

function playVideo1() {

    //Archivo Content/EdgeF12Tools_high.mp4

}

function playVideo2() {

    //Archivo Content/TWOW219.mp4

}

DemoGeolocation.js

/// <reference path="jquery-3.1.1.js" />

function mostrarLoc(latitud, longitud) {

    console.log("Latitud y Longitud: ",

        latitud, longitud);

    $("#parLat").text(

        "Latitud: " + latitud + "°").addClass(

        "alert-success").removeClass("alert-warning");

    $("#parLong").text(

        "Longitud: " + longitud + "°").addClass(

        "alert-success").removeClass("alert-warning");

    //URL

    var xMap = "https://maps.googleapis.com/maps/api/staticmap?center="

        + latitud + "," + longitud + "&zoom=16&size=600x600&sensor=false";

    console.log(xMap);

    //Imagen

    var xImagen =

        $("<img></img>").attr("src", xMap).addClass(

        "img-circle").addClass("removerImagen");

    //Remover imagenes anteriores

    $(".removerImagen").remove();

    //Agregar Imagen al DIV

    $("#miPosicion").append(xImagen);

}

function mostrarError(codigo, mensaje) {

    console.log("Error: ", codigo, mensaje);

    $("#parLat").text(

        "Error: " + codigo + "  " + mensaje).addClass(

        "alert-warning").removeClass("alert-success");

}

function getGeoLoc() {

    //Existe el objeto navigator.geolocation

    if ("geolocation" in navigator) {

        //geolocation Disponible

        //maximumAge: Timpo máximo de antiguedad de los datos.

        //timeout: Tiempo máximo de espera por una respuesta.

        var geo_options = {

            enableHighAccuracy: true,

            maximumAge: 30000,

            timeout: 27000

        };

        navigator.geolocation.getCurrentPosition(

            function (position) {

                mostrarLoc(position.coords.latitude,

                    position.coords.longitude);

            },

            function (error) {

                mostrarError(

                error.code, error.message);

            }

            );

    } else {

        //geolocation No Disponible

        console.log("No hay información de GeoPosicionamiento");

    }

}

function demoWatch() {

    //Activar

    var watchID =

        navigator.geolocation.watchPosition(

        function (position) {

            mostrarLoc(position.coords.latitude,

                position.coords.longitude);

    });

    //Desactivar

    navigator.geolocation.clearWatch(

        watchID);

}