Código de JavaScript - Geolocalizar tu ubicación en Google Maps

Imágen de perfil
Val: 177
Ha disminuido 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Geolocalizar tu ubicación en Google Mapsgráfica de visualizaciones


JavaScript

Publicado el 17 de Septiembre del 2019 por Joan
1.089 visualizaciones desde el 17 de Septiembre del 2019
Mediante las coordenadas de geoposición obtenidas por el navegador, mostramos nuestra ubicación en google maps.

1

Publicado el 17 de Septiembre del 2019gráfica de visualizaciones de la versión: 1
1.090 visualizaciones desde el 17 de Septiembre del 2019
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <style>
    #mapa {
        height: 100%;
        position:inherit!important;
    }
    </style>
 
    <script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
 
    <title>Geolocalizar tu ubicación en Google Maps</title>
 
    <script>
        function drawMap(position) {
            const myLatLng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
            const mapOptions = {
                zoom: 15,
                center: myLatLng,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            let map = new google.maps.Map(document.getElementById('mapa'), mapOptions);
 
            // definimos la marca
            const marker = new google.maps.Marker({
                position: myLatLng,
                map: map,
                title:"Tu ubicación"
            });
        }
 
        function initialize(){
            if (navigator.geolocation) {
                navigator.geolocation.getCurrentPosition(drawMap);
            } else {
                alert("La Geolocalización no esta soportada en este navegador.");
            }
        }
        google.maps.event.addDomListener(window, 'load', initialize);
    </script>
</head>
<body>
 
<h1>Geolocalizar tu ubicación en Google Maps</h1>
<div id="mapa"></div>
 
</body>
</html>



Comentarios sobre la versión: 1 (0)


No hay comentarios
 

Comentar la versión: 1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s5531