Como tomar datos de un span?

[pa3lo022]

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

<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]

 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]

 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]

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.