Como tomar datos de un span?

pa3lo022 · 1 Oct 2020

Hola a todos, tengo un codigo, google maps, cuando el usuario mueve el pin se actualizan las coordenadas en un span, yo lo quiero en un input para luego poder tomar esos datos, alguien me puede dar una mano?

Paso el codigo

Insertar CODE, HTML o PHP:

<div id="map"></div>
                                        <ul id="geoData">
                                            <li>Latitude: <span id="lat-span"></span></li>
                                            <li>Longitude: <span id="lon-span"></span></li>
                                        </ul>

                                        <script>
                                            function initMap() {
                                                var myLatLng = {
                                                    lat: 22.3038945,
                                                    lng: 70.80215989999999
                                                };

                                                var map = new google.maps.Map(document.getElementById('map'), {
                                                    center: myLatLng,
                                                    zoom: 13
                                                });

                                                var marker = new google.maps.Marker({
                                                    position: myLatLng,
                                                    map: map,
                                                    title: 'Hello World!',
                                                    draggable: true
                                                });

                                                google.maps.event.addListener(marker, 'dragend', function(marker) {
                                                    var latLng = marker.latLng;
                                                    document.getElementById('lat-span').innerHTML = latLng.lat();
                                                    document.getElementById('lon-span').innerHTML = latLng.lng();
                                                });
                                            }

                                        </script>

Muchas gracias

Saludos

lordsetav · 3 Oct 2020

Insertar CODE, HTML o PHP:

 google.maps.event.addListener(marker, 'dragend', function(marker) {
                                                    var latLng = marker.latLng;
                                                    document.getElementById('lat-span').innerHTML = latLng.lat();
                                                    document.getElementById('lon-span').innerHTML = latLng.lng();
                                                    //toma los datos de estas dos variables
                                                    latLng.lat();
                                                    latLng.lng();
                                                });

pa3lo022 · 3 Oct 2020

lordsetav dijo:

Insertar CODE, HTML o PHP:

 google.maps.event.addListener(marker, 'dragend', function(marker) {
                                                    var latLng = marker.latLng;
                                                    document.getElementById('lat-span').innerHTML = latLng.lat();
                                                    document.getElementById('lon-span').innerHTML = latLng.lng();
                                                    //toma los datos de estas dos variables
                                                    latLng.lat();
                                                    latLng.lng();
                                                });

muchas gracias, perdon por la pregunta pero con JS soy un asco, como tomo esas 2 variables con PHP

caneman · 3 Oct 2020

pa3lo022 dijo:
muchas gracias, perdon por la pregunta pero con JS soy un asco, como tomo esas 2 variables con PHP

Javascript y PHP se ejecutan en distintos momentos. Si lo que buscar es enviar datos de JS a PHP, te recomiendo utilizar AJAX (Existen muchas formas de pasarlas indirectamente, cómo por ejemplo sesiones) Si aún así queres pasar el contenido de la variable a el valor de un input y después enviar por un form, también podes hacerlo. En éste último caso, en tu mismo código tenes la respuesta. Cambias el ID del span por el ID del input, y innerHTML por value.

Como tomar datos de un span?

pa3lo022

lordsetav

pa3lo022

caneman

Temas similares