2017-10-07 3 views
-1

저는 Google Maps API에 매우 익숙하며 잘 이해하지 못합니다. 마커를 추가하는 방법에 대한 아이디어가 없습니다. 좌표 (ORDER_MODAL_COORDINATES)로 마커를 추가하려면 어떻게해야합니까? 다음과 같이하고 싶습니다 : 좌표가 14.62543878154436, 121.06582376249607이고 ABC의 위치에 해당하면 모달을 클릭하면이 위치에 마커 ABC가있는지도가 나타납니다. 그렇다면 어떻게 좌표에 마커를 추가 할 수 있습니까? 아래에서지도에서 마커를 추가하는 방법

내가 정말 사람을 감사

<!-- Modal --> 
    <div class="modal fade" id="myCoordinatesModal" role="dialog" style="z-index: 1600;"> 
    <div class="modal-dialog"> 

    <!-- Modal content--> 
    <div class="modal-content"> 
    <form action="" method="post" class="form-horizontal"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal"><center>&times;</button> 
     <h4 class="modal-title" id="titleCoordinates"></h4> 
    </div> 
    <div class="modal-body"> 
    <?php 
$sql = "SELECT coordinates FROM order_tbl WHERE coordinates='14.62543878154436, 121.06582376249607'"; 
?> 
<div id="googleMap" style="width:100%;height:400px;"></div> 

<script> 


var mapCanvas = document.getElementById("googleMap"); 
var mapOptions = {center: cafemariajerica, zoom: 20}; 
var map = new google.maps.Map(mapCanvas, mapOptions); 

    var pt = new google.maps.LatLng(14.62543878154436, 121.06582376249607); 
       marker_customer = new google.maps.Marker({ 
          position: pt, 
          icon: 'https://i.imgur.com/W9PWfO9.png', 
          map: map 
         }); 


    function myMap() { 
    var mapProp= { 
     center: new google.maps.LatLng(14.614388, 121.061072), 
     zoom:20, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    var map=new google.maps.Map(document.getElementById("googleMap"),mapProp); 
    } 
</script> 

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBl-tQQUIjGwnvnsITeHIibOQFpATzGiHI&callback=myMap"></script> 

<div class="form-group"> 
<label for="order_id" class="col-sm-2 control-label" style ="width:20%;">Coordinates</label> 
<input type="text" input style ="width:75%;" class="form-control" name="ORDER_MODAL_COORDINATES" id="ORDER_MODAL_COORDINATES" placeholder="" value="" required="required" readonly> 
</div> 


</div> 
</form> 
</div> 
</div> 
</div> 

, 내 문제를 나에게 사람을 도움이 나에게 당신이 제안 할 수 있습니다 아이디어 나 아무것도주지하시기 바랍니다 내 현재 코드를 찾을 수 있습니다. 감사!

답변