راکت

استفاده از نقشه

3 پاسخ

سلام
بطور مثال میخوام از این نقشه https://platform.neshan.org/sdk/web-sdk استفاده کنم. (حالا هر نقشه ای میتونه باشه)
موردی که دارم این هستش میخوام یک مارکر باشه که وقتی کاربر روی هر جای نقشه کلیک کنید مختصات اون موقیعت توی مقدار input به روز بشه و من بتونم اون مختصات توی دیتابیس ذخیره کنم.

ثبت پرسش جدید

پاسخ‌ها

3
رضا جهانگیر
رضا جهانگیر
@rezajahangir

تخصص: Full-Stack Developer

سلام به شما دوست عزیز.
به دو مورد باید توجه کنید:
1- برای اینکه بتونید نقطه مورد نظر رو به دست بیارید میتونید از وب سرویس هایی خود نشان استفاده کنید که آدرسش میشه لینک زیر:
وب سرویس های نشان
2- برای اضافه کردن marker هم باید از leaflet استفاده کنید، که میشه لینک زیر:
leaflet
موفق باشید.

محمد
محمد
@Mohammad79

تخصص: همیشه در حال یادگیری ...

چه طوری میتونم اضافه کنم؟

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

رضا جهانگیر
رضا جهانگیر
@rezajahangir

تخصص: Full-Stack Developer

مثلا فرض کن اسم اون متغییری که اومدی مشخصات اولیه 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 بخون.
موفق باشید.

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

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