• 1402/11/07

استفاده از نقشه در پروژه ری اکت :

سلام خسته نباشید.

من می خواستم در پروژم از نقشه استفاده کنم، دارم مستندات پارسی مپ رو می خونم ولی متاسفانه مثال برای ری اکت خیلی کم داره و می گن که برای اضافه کردن قابلیت های مختلف به پروژه باید مستندات mapbox را بخونم، راستش من می خوام نقشه ای که در پروژه استفاده می کنم خیلی قابلیت داشته باشه، مثلا:

 - با توجه به طول وعرضی که از سمت بکند میگیرم، در آن نقاط بتوانم یک مارکر با عکس دلخواه خودم ایجار کنم که با hover کردن روی آن مارکر، یک پاپاپ باز شود و بتوانم یکسری اطلاعات را درون آن نمایش دهم.

 با کلیک روی هر نقطه از نقشه بتوانم یک مارکر نمایش دهم.

- اگر طول و عرضی که از سمت سرور میگیرم خارج از محدوده نقشه بود، بتوانم به صورت اتوماتیک نقشه را zoom out  کنم تا بتوانم مارکر را ببینم. و...

کامپوننت: react-mapbox-gl  که ازش استفاده شده 3 سال پیش پابلیش شده، الانم در راه تست روی local  هستم به نظر شما چیکار کنم؟

ممنون میشم راه حلی بهم ارائه بدین. 

 

  • 1402/11/07
  • ساعت 17:28

سلام بهترین روش برای استایل دهی نقشه استفاده از react-leaflet هست و برای api های نقشه هم openstreetmap که اسم خیابون ها و ... فارسی نوشته شدن میتونی از این api برای گرفتن اطلاعات استفاده کنی و از react-leaflet برای استایل دهی مثل رنگ خیابون ها و مارکر سفارشی و تم های مختلف نقشه و ...

داخل یوتیوب انگلیسی آموزش react-leflet هست


  • 1402/11/08
  • ساعت 08:19

ممنونم از اینکه وقت گذاشتین.


  • 1402/11/08
  • ساعت 09:04

ببخشید فقط یه سوال :

میشه راهنمایی کنید من به چه نحوی می تونم از openstreetmap ،

api دریافت کنم؟ اگه لینکی هست میشه واسم ارسال کنید؟ 

 


  • 1402/11/09
  • ساعت 15:24

خواهش میکنم

برای اینکه نقشه 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


  • 1402/11/11
  • ساعت 10:47

ممنونم از اینکه وقت گذاشتین و راهنماییم کردین.


  • 1402/11/13
  • ساعت 14:04

خواهش میکنم باز هم اگر مشکل داشتید میتونید از mapbox هم استفاده کنید document بهتری داره و کار کردن باهاش راحت تره