2017-02-06 7 views
0

Я следующий JS кодом, формирует этот код мне нужно установить местоположение по умолчанию для моего текущего местоположения GPS,Получить текущий маркер форма местоположения GPS и сохранить MySql

var map = new google.maps.Map(document.getElementById('map_canvas'), { 
    zoom: 1, 
    center: new google.maps.LatLng(35.137879, -82.836914), 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
     zoom: 20 
}); 

var myMarker = new google.maps.Marker({ 
    position: new google.maps.LatLng(47.651968, 9.478485), 
    draggable: true 
}); 


google.maps.event.addListener(myMarker, 'dragend', function (evt) { 
    document.getElementById('current').innerHTML = '<p>Marker dropped: Current Lat: ' + evt.latLng.lat().toFixed(3) + ' Current Lng: ' + evt.latLng.lng().toFixed(3) + '</p>'; 
}); 

google.maps.event.addListener(myMarker, 'dragstart', function (evt) { 
    document.getElementById('current').innerHTML = '<p>Currently dragging marker...</p>'; 
}); 

map.setCenter(myMarker.position); 
myMarker.setMap(map); 

и после установки моего маркера (если мне нужно для изменения местоположения), тогда мне нужна кнопка для отправки, после кнопки отправки она будет сохранена в моей базе данных MySQL. Любой может помочь в этом?

+0

что код вашего внутреннего интерфейса? –

+0

@ Джерри Чин, когда мой JS-код или загрузка страницы, тогда он покажет мое местоположение по умолчанию, в настоящее время оно не показывает мое текущее местоположение, показывая его предварительно определенное местоположение –

ответ

0

Вы можете использовать вызов Ajax для размещения данных на сервер, а затем сторону серверов обеспечивают значения магазина ди в базе данных

Если предположить, что у вас есть программа сервера для хранения данных с именем your_action_on_server.php вы можете расширить ваше сопротивление событие окончания это только отправка часть (вы должны предоставить функцию на стороне сервера магазина, связанных с игрушечным подключение дб)

google.maps.event.addListener(myMarker, 'dragend', function (evt) { 
    document.getElementById('current').innerHTML = '<p>Marker dropped: Current Lat: ' + evt.latLng.lat().toFixed(3) + ' Current Lng: ' + evt.latLng.lng().toFixed(3) + '</p>'; 
    $.post('your_action_on_server.php', { 
        lat:evt.latLng.lat().toFixed(3), 
        lng: evt.latLng.lng().toFixed(3)     
       }, 
         function (data) { 
         // you code for succcess from server 
      }); 
    }); 

Для получения текущего местоположения можно использовать геолокации объекта апи
см https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/Using_geolocation более

if ("geolocation" in navigator) { 
    /* geolocation is available */ 
    } else { 
    /* geolocation IS NOT available */ 
    } 

.....

navigator.geolocation.getCurrentPosition(function(position) { 
    do_something(position.coords.latitude, position.coords.longitude); 
    }); 
+0

по умолчанию, не показывая текущее местоположение, не могли бы вы мне помочь, когда загрузка страницы, тогда она будет загружать текущее местоположение, а затем я могу изменить маркер, после чего я могу нажать кнопку для добавления, тогда он сохранит это местоположение. –

+0

Для получения текущего местоположения вы можете использовать javascript gelocaltion api .. я обновляю ответ с кратким предложением – scaisEdge