راکت
حل شده

دریافت مختصات از روی نقشه به صورت لحظه ای

5 پاسخ

با سلام
اگر با گوگل مپس کار کرده باشید، امکانی داره که وقتی کلیک میکنید روی نقشه مختصات اون نقطه رو پایین صفحه نشون می ده.
حالا من میخوام این امکانو به کاربرم بدم که وقتی کلیک کرد روی نقشه تو بخش مدیریت سایت، مختصات توی یه input که کنار نقشه هست قرار بگیره و با هربار کلیک مقدارش به روز بشه. و یا حتی نقشه پاپ آپ توی یه window بیاد بالا و وقتی کلیک کرد نقشه بسته بشه و مختصات تو input قرار بگیره.
لطفا اگر تجربه ی این کارو داشتید بفرمایید.
ممنونم

ثبت پرسش جدید

پاسخ‌ها

5
vahid Mohammadi
vahid Mohammadi
@viva.mohammadi
بهترین پاسخ

@mratwan

بله صد در صد این ابتدایی ترین ایونت برای یک نقشه هست
برای 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
vahid Mohammadi
vahid Mohammadi
@viva.mohammadi

@mratwan

google.maps.event.addListener(map, 'click', function( event ){
  alert( "Latitude: "+event.latLng.lat()+" "+", longitude: "+event.latLng.lng() ); 
});
محمدرضا عطوان
محمدرضا عطوان
@mratwan

تخصص: Full-Stack Developer & AI Lover

@viva.mohammadi برای leaflet js یا نقشه های دیگه هم همچین امکانی هست؟ یا کدش خیلی فرق می کنه؟

شاید پاسخ شما همین‌جا باشد

محمدرضا احمدی
محمدرضا احمدی
@dotnetLearn.com

تخصص: Asp.net Core , C Sharp

سلام.
آموزش کامل LeafletJS در وبسایت دات نت لرن به آدرس dotnetLearn.com موجود می باشد.

آموزش Leaflet

محمدرضا احمدی
محمدرضا احمدی
@dotnetLearn.com

تخصص: Asp.net Core , C Sharp

ببخشید ادرس بالا اشتباه بود. این آدرس

آموزش Leaflet

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام