سلام
بطور مثال میخوام از این نقشه https://platform.neshan.org/sdk/web-sdk استفاده کنم. (حالا هر نقشه ای میتونه باشه)
موردی که دارم این هستش میخوام یک مارکر باشه که وقتی کاربر روی هر جای نقشه کلیک کنید مختصات اون موقیعت توی مقدار input به روز بشه و من بتونم اون مختصات توی دیتابیس ذخیره کنم.
سلام به شما دوست عزیز.
به دو مورد باید توجه کنید:
1- برای اینکه بتونید نقطه مورد نظر رو به دست بیارید میتونید از وب سرویس هایی خود نشان استفاده کنید که آدرسش میشه لینک زیر:
وب سرویس های نشان
2- برای اضافه کردن marker هم باید از leaflet استفاده کنید، که میشه لینک زیر:
leaflet
موفق باشید.
مثلا فرض کن اسم اون متغییری که اومدی مشخصات اولیه map رو داخلش قرار دادی map هست (مشخصات اولیه منظورم، Api-Key، سنتر مپ، زوم و ...) حالا بیا به صورت زیر مارکر رو به نقشه اضافه کن:
let blueIcon = new window.L.Icon({
iconUrl: 'https://raw.githubusercontent.com/pointhi/leaflet-color-markers/master/img/marker-icon-2x-blue.png',
shadowUrl: 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-shadow.png',
iconSize: [25, 41],
iconAnchor: [12, 41],
popupAnchor: [1, -34],
shadowSize: [41, 41],
});
let marker = window.L.marker(map.getCenter(), {
name: 'مبدا',
icon: blueIcon
}).addTo(map);
برای اطلاعات کامل تر داخل سایت leaflet درمورد marker بخون.
موفق باشید.
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟