سلام خسته نباشید.
من می خواستم در پروژم از نقشه استفاده کنم، دارم مستندات پارسی مپ رو می خونم ولی متاسفانه مثال برای ری اکت خیلی کم داره و می گن که برای اضافه کردن قابلیت های مختلف به پروژه باید مستندات mapbox را بخونم، راستش من می خوام نقشه ای که در پروژه استفاده می کنم خیلی قابلیت داشته باشه، مثلا:
- با توجه به طول وعرضی که از سمت بکند میگیرم، در آن نقاط بتوانم یک مارکر با عکس دلخواه خودم ایجار کنم که با hover کردن روی آن مارکر، یک پاپاپ باز شود و بتوانم یکسری اطلاعات را درون آن نمایش دهم.
با کلیک روی هر نقطه از نقشه بتوانم یک مارکر نمایش دهم.
- اگر طول و عرضی که از سمت سرور میگیرم خارج از محدوده نقشه بود، بتوانم به صورت اتوماتیک نقشه را zoom out کنم تا بتوانم مارکر را ببینم. و...
کامپوننت: react-mapbox-gl که ازش استفاده شده 3 سال پیش پابلیش شده، الانم در راه تست روی local هستم به نظر شما چیکار کنم؟
ممنون میشم راه حلی بهم ارائه بدین.
سلام بهترین روش برای استایل دهی نقشه استفاده از react-leaflet هست و برای api های نقشه هم openstreetmap که اسم خیابون ها و ... فارسی نوشته شدن میتونی از این api برای گرفتن اطلاعات استفاده کنی و از react-leaflet برای استایل دهی مثل رنگ خیابون ها و مارکر سفارشی و تم های مختلف نقشه و ...
داخل یوتیوب انگلیسی آموزش react-leflet هست
ممنونم از اینکه وقت گذاشتین.
ببخشید فقط یه سوال :
میشه راهنمایی کنید من به چه نحوی می تونم از openstreetmap ،
api دریافت کنم؟ اگه لینکی هست میشه واسم ارسال کنید؟
خواهش میکنم
برای اینکه نقشه openstreetmap رو داخل react-leaflet ادغام کنید کافیه لینک رو برای url قرار بدین
ویدیوی زیر رو ببینید
https://www.youtube.com/watch?v=i9oX1upSKjI
برای موارد دیگه هم مثل سرچ لوکیشن و ... میتونید از nomaintain برای دریافت api استفاده کنید
ویدیوی زیر هم آموزشش هست
https://youtu.be/rmIhGPy8rSY?si=UgTVXfPHorzgX_nI
برای react-leaflet هم در پلی لیست زیر کامل آموزشش هست
https://youtube.com/playlist?list=PLKmmzLM3RgQVFqnNqn3CI2Cxg4Rd__VbK&si=oSULqLGoHTHWKQIG
داکیومنت api خود osm هم هست که یه مقدار پیچیدست
https://wiki.openstreetmap.org/wiki/API_v0.6
ممنونم از اینکه وقت گذاشتین و راهنماییم کردین.
خواهش میکنم باز هم اگر مشکل داشتید میتونید از mapbox هم استفاده کنید document بهتری داره و کار کردن باهاش راحت تره