[SOLUCIONADO] Pasar datos latitud longitud a variable laravel/google maps

iCroSs · #1 (**permalink**) 14/06/2017, 07:19

Buenos dias mi problema es el siguiente, estoy trabajando con laravel y google map javascript api, este es mi codigo en la vista...

Código:

<!DOCTYPE html>
<html>
  <head>
    <title>Simple Map</title>
    <meta name="viewport" content="initial-scale=1.0">
    <meta charset="utf-8">
    <style>
      /* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
      #map {
        height: 600px;
        width: 800px;
      }
      /* Optional: Makes the sample page fill the window. */
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
    </style>
  </head>
  <body>

   <div id="map"></div>
    <script>


function openInfoWindow(marker) {
    var markerLatLng = marker.getPosition();
    infoWindow.setContent([
        'latitud: ',
        markerLatLng.lat(),
        ',   longitud: ',
        markerLatLng.lng(),
        ''
    ].join(''));
    infoWindow.open(map, marker);
}

function guardar(marker){
  var markerLatLng = marker.getPosition();
  getElementById('lat').value = markerLatLng.lat();
  getElementById('lng').value = markerLatLng.lng();
}


function initMap() {
        var myLatLng = {lat: 8.5989, lng: -71.141196};

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

       infoWindow = new google.maps.InfoWindow();

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



}
    </script>

   <form id="mapCenterForm">
    Lat: <span type="text" id="lat" />
    <br />
    Lng: <span type="text" id="lng" />
    <br />
    </form>
<br />
<div id="map-canvas"></div>
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB5N4eJjRV1fpJUPe5NS5D6mZ3G4xo7j6U&callback=initMap"
    async defer></script>
  </body>
</html>

el detalle es que necesito pasar las variables de latitud a longitud a otra variable y mostrarla, tambien pasarla al controlador,yo para capturarlas y mostrarlas utilice los span y los getElementbyid pero no me muestra nada, si me pudiesen ayudar se los agradeceria mucho...