دریافت مختصات از روی نقشه به صورت لحظه ای
با سلام
اگر با گوگل مپس کار کرده باشید، امکانی داره که وقتی کلیک میکنید روی نقشه مختصات اون نقطه رو پایین صفحه نشون می ده.
حالا من میخوام این امکانو به کاربرم بدم که وقتی کلیک کرد روی نقشه تو بخش مدیریت سایت، مختصات توی یه input که کنار نقشه هست قرار بگیره و با هربار کلیک مقدارش به روز بشه. و یا حتی نقشه پاپ آپ توی یه window بیاد بالا و وقتی کلیک کرد نقشه بسته بشه و مختصات تو input قرار بگیره.
لطفا اگر تجربه ی این کارو داشتید بفرمایید.
ممنونم
بله صد در صد این ابتدایی ترین ایونت برای یک نقشه هست
برای leaflet هم شما می تونید از کد زیر استفاده کنید:
var popup = L.popup();
function onMapClick(e) {
popup
.setLatLng(e.latlng)
.setContent("You clicked the map at " + e.latlng.toString())
.openOn(mymap);
}
mymap.on('click', onMapClick);نمونه اجرا شده اش هم لینک زیر:
https://leafletjs.com/examples/quick-start/example.htmlgoogle.maps.event.addListener(map, 'click', function( event ){
alert( "Latitude: "+event.latLng.lat()+" "+", longitude: "+event.latLng.lng() );
});
@viva.mohammadi برای leaflet js یا نقشه های دیگه هم همچین امکانی هست؟ یا کدش خیلی فرق می کنه؟
بله صد در صد این ابتدایی ترین ایونت برای یک نقشه هست
برای leaflet هم شما می تونید از کد زیر استفاده کنید:
var popup = L.popup();
function onMapClick(e) {
popup
.setLatLng(e.latlng)
.setContent("You clicked the map at " + e.latlng.toString())
.openOn(mymap);
}
mymap.on('click', onMapClick);نمونه اجرا شده اش هم لینک زیر:
https://leafletjs.com/examples/quick-start/example.html
سلام.
آموزش کامل LeafletJS در وبسایت دات نت لرن به آدرس dotnetLearn.com موجود می باشد.