محمدرضا عطوان
6 سال پیش توسط محمدرضا عطوان مطرح شد
5 پاسخ

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

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


ثبت پرسش جدید
vahid Mohammadi
@viva.mohammadi 6 سال پیش مطرح شد
1

@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
@viva.mohammadi 6 سال پیش آپدیت شد
1

@mratwan

google.maps.event.addListener(map, 'click', function( event ){
  alert( "Latitude: "+event.latLng.lat()+" "+", longitude: "+event.latLng.lng() ); 
});

محمدرضا عطوان
تخصص : Full-Stack Developer &...
@mratwan 6 سال پیش مطرح شد
0

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


vahid Mohammadi
@viva.mohammadi 6 سال پیش مطرح شد
1

@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

محمدرضا احمدی
تخصص : Asp.net Core , C Sharp
@dotnetLearn.com 4 سال پیش مطرح شد
0

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

آموزش Leaflet


محمدرضا احمدی
تخصص : Asp.net Core , C Sharp
@dotnetLearn.com 4 سال پیش مطرح شد
0

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

آموزش Leaflet


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

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