地図にマーカーを追加するには

Question

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> 

を見ることができますが、私の問題で私の男を助けてくれアイデアやご提案することができます何かを与えてください、私は本当にみんなに感謝。ありがとう！

Answer 1

イム100％ではないことを確認何あなたの質問があるが、私はgogleマップドキュメント上でこの記事が見つかりました： https://developers.google.com/maps/documentation/javascript/custom-markers

は、カスタムの場所でカスタムマーカーを設定するために開始するには良い場所のように見えますが、私は心配でしょうモーダルについて