Advertisement
Guest User

Untitled

a guest
Apr 25th, 2018
81
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.92 KB | None | 0 0
  1. function initMap() {
  2. var uluru = {lat: -25.363, lng: 131.044};
  3. var map = new google.maps.Map(document.getElementById('map'), {
  4. zoom: 4,
  5. center: uluru
  6. });
  7.  
  8. $.getJSON("get_markers.php", function(data) {
  9. if(data.status == 1){
  10. for(i = 0; i < data.markers.length; i++){
  11. const curMarker = data.markers[i];
  12. var marker = new google.maps.Marker({
  13. position: {lat: parseFloat(curMarker.latitude),
  14. lng: parseFloat(curMarker.longitude)},
  15. map: map
  16. });
  17.  
  18. $("#markers_table").append('<tr>' +
  19. '<td>' + curMarker.name + '</td>' +
  20. '<td>' + parseFloat(curMarker.latitude) + ', ' + parseFloat(curMarker.longitude) + '</td>' +
  21. '<td>' +
  22. '<button type="button" class="btn btn-info" id="editBtn" data-point-id="'+ curMarker.ID +'">Edit</button>' +
  23. '<button type="button" class="btn btn-danger" id="deleteBtn" data-point-id="'+ curMarker.ID +'">Delete</button>' +
  24. '</td>' +
  25. '</tr>');
  26. }
  27. }else{
  28. $(".jquery-message").html('<div class="alert alert-warning">' + data.message + '</div>');
  29. }
  30. });
  31.  
  32. /*marker.addListener('click', function(){
  33. map.setCenter(marker.getPosition());
  34. });*/
  35.  
  36. google.maps.event.addListener(map, 'click', function(event) {
  37. $("#pointAddLatitude").val(event.latLng.lat);
  38. $("#pointAddLongitude").val(event.latLng.lng);
  39. });
  40. }
  41.  
  42. $("#pointAddBtn").on("click", function(){
  43. const name = $("#pointAddName").val(),
  44. lat = $("#pointAddLatitude").val(),
  45. lng = $("#pointAddLongitude").val();
  46.  
  47. $.post('jquery/insert-new-point.php', {name: name, lat: lat, lng: lng})
  48. .done(function(data){
  49. const json = JSON.parse(data);
  50. let alertClass = 'info';
  51. if(json.status == 0){
  52. alertClass = 'warning';
  53. }
  54.  
  55. $(".jquery-message").html('<div class="alert alert-' + alertClass + '">' + json.message + '</div>');
  56. });
  57. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement