Googleマップをクリックして座標を取得する方法

Question

Googleマップを初めて使用し、マーカーを表示するにはGoogleマップのjavascript APIを使用します。地図上をクリックしてマーカーを置くことができるようにするには、地図上の別の場所にドラッグしたり削除したりするために再びクリックすることができます。次に、私はデータベーステーブルにそれを広告することができるように（緯度と経度）の座標を取得するスクリプトをしたい。どのように私はこれを行う必要がありますか？私はcodeIgniterでPHPを使用しています。開始する

Answer 1

良い場所は、リファレンスマニュアルをチェックアウトするには、次のようになります。http://code.google.com/apis/maps/documentation/javascript/reference.html

あなたがそこにマップを見れば、あなたはそれを「クリック」というイベントがあることを見ることができます。マップを初期化した後、clickイベントをリッスンするイベントリスナーを作成します。そのイベントが発生すると、その場所にマーカーを配置し、削除する場合はclickイベントのマーカーにeventlistenerを追加し、ドラッグしたい場合はドラッグ可能にします。

マーカーを並べ替えて保存することをお勧めします。

私はこれが助けてくれることを願っています。

Answer 2

私はパーティーに遅れています。以下のコードスニペットをご覧ください。

/* Always set the map height explicitly to define the size of the div 
 
     * element that contains the map. */ 
 
     #map { 
 
     height: 100%; 
 
     } 
 
     /* Optional: Makes the sample page fill the window. */ 
 
     html, body { 
 
     height: 100%; 
 
     margin: 0; 
 
     padding: 0; 
 
     }

<div id="map"></div> 
 
    <script> 
 
     var map; 
 
     function initMap() { 
 
     map = new google.maps.Map(document.getElementById('map'), { 
 
      center: {lat: -34.397, lng: 150.644}, 
 
      zoom: 8 
 
     }); 
 
     var marker; 
 
     map.addListener('click', function(e) { 
 
      
 
      if(marker){ 
 

 
      var latlng = new google.maps.LatLng(e.latLng.lat(), e.latLng.lng()); 
 
      marker.setPosition(latlng); 
 
      }else{ 
 
      marker = new google.maps.Marker({ 
 
        position: {lat : e.latLng.lat(), lng : e.latLng.lng()}, 
 
        map: map 
 
       }) 
 
      } 
 

 
      alert("lat : "+e.latLng.lat()+ "; lng : "+e.latLng.lng()) 
 

 
      }); 
 
     } 
 
    </script> 
 
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDNPpCPQOwkMotaDj0IgHQ7HDAE8cz6-4U&callback=initMap" 
 
    async defer></script>