Googleマップを初めて使用し、マーカーを表示するにはGoogleマップのjavascript APIを使用します。地図上をクリックしてマーカーを置くことができるようにするには、地図上の別の場所にドラッグしたり削除したりするために再びクリックすることができます。次に、私はデータベーステーブルにそれを広告することができるように(緯度と経度)の座標を取得するスクリプトをしたい。どのように私はこれを行う必要がありますか?私はcodeIgniterでPHPを使用しています。開始するGoogleマップをクリックして座標を取得する方法
1
A
答えて
0
良い場所は、リファレンスマニュアルをチェックアウトするには、次のようになります。http://code.google.com/apis/maps/documentation/javascript/reference.html
あなたがそこにマップを見れば、あなたはそれを「クリック」というイベントがあることを見ることができます。マップを初期化した後、clickイベントをリッスンするイベントリスナーを作成します。そのイベントが発生すると、その場所にマーカーを配置し、削除する場合はclickイベントのマーカーにeventlistenerを追加し、ドラッグしたい場合はドラッグ可能にします。
マーカーを並べ替えて保存することをお勧めします。
私はこれが助けてくれることを願っています。
0
私はパーティーに遅れています。以下のコードスニペットをご覧ください。
/* 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>
関連する問題
- 1. Googleマップから位置の座標を取得する方法
- 2. GoogleマップのGPS座標を取得
- 3. Googleマップapi v2ポリゴン座標を取得
- 4. GPS座標をGoogleマップに変換する方法座標
- 5. firebaseのマップ座標を取得し、googleマップのプロット
- 6. マウスイベントを使用してGoogleマップから座標を取得
- 7. エリア/ポリゴンを描画し、Googleマップで座標を取得する
- 8. マーカーの座標を取得し、値を制限するGoogleマップ
- 9. APIから座標を取得してGoogleマップに表示
- 10. SMSでGPS座標を取得し、Googleマップに表示する
- 11. クリックしたポイントの座標を取得する方法は?
- 12. Googleマップでマーカーの座標を取得する方法はありますか?
- 13. Googleマップからアドレスとそれらの座標を取得する方法
- 14. Googleマップで特定の地域座標を取得する方法
- 15. Googleマップで地図コーナー座標を取得する - javascript api
- 16. Googleマップでマーカーの座標を取得する
- 17. Android - Googleマップからウェイポイントの座標を取得するwebview
- 18. Android Googleマップの境界座標を取得する
- 19. Google Maps API 3:右クリックから座標を取得する
- 20. MATLABマウスのクリック座標を取得する方法
- 21. mouseClickのx座標とy座標を取得する方法
- 22. Google Places API座標を取得する
- 23. Googleマップウィンドウのバウンディングボックスの座標を取得する方法
- 24. ユーザーからのGoogleマップの座標を取得
- 25. Googleマップ静的API - 中心座標でSWとNEを取得
- 26. Googleマップでマーカーから座標(緯度と経度)を取得
- 27. 地図をクリックして座標を取得する(openstreetmaps)
- 28. 座標をGoogleマップに変換する
- 29. matlabのプロットをクリックしてy座標を取得します
- 30. Googleマップで「この場所を共有する」の座標を取得する