کلیک روی استان ها از روی نقشه

ببخشید من توی فلاتر تخصص ندارم اما قطعا شما باید درمورد svg بخونید، اینکه نقشه ایران رو به صورت svg داخل صفحه قرار بدید و بعد سایر کارهای لازم

سلام، یکی از کارهایی که میتونید بکنید اینه که نقشه svg ایران رو مثلا توی وب ویو نمایش بدین و با کلیک روی یه قسمت deep link بدین

@hossein.r.1442 @coaradsupp

قضیه ای svg چیه؟ میشه یه توضیحی بدین باید چیکار کنم؟ آموزشی سورس کدی چیزی اگه هست بی زحمت بدین (برای وب)

https://tabnakweb.com/3398/%D9%86%D9%82%D8%B4%D9%87-%D8%A7%DB%8C%D8%B1%D8%A7%D9%86-%D8%A8%D8%A7-%D8%AA%D9%81%DA%A9%DB%8C%DA%A9-%D8%B4%D9%87%D8%B1%D9%87%D8%A7-%D8%8C-%D9%81%D8%B1%D9%85%D8%AA-svg-%D9%88-%D8%A8%D8%B5%D9%88%D8%B1/

این لینک رو ببینید، نقشه svg و قابل کلیک هست

سلام
اگه منظورتو درست فهمیده باشم میخوای توی یک وب اپلیکیشن از مپ استفاده کنی .
حالا روندی که من بهت پیشنهاد میکنم اینه :
1- برو تو geojson و برای خودت یک فایل Geojson بساز که باهاش بتونی مختصات ها رو باهاش چک کنی
با tools های سایت geojson میتونی Polygon بسازی مثلا روی DrawPolygon کلیک کن و یک Polygon مربع طور باهاش بساز .
سعی کن برای هر کدوم از Polygon هایی که میسازی یک index بزاری برای این کار هر Polygon که میسازی بعد از این که Polygon رو کشیدی روش کلیک کن newproperty رو بزن و یک key جدید بزار به اسم index و value رو یک id یونیک بزار (حتما یونیک)
2- برو و توی سرورت فایل geojson رو CACHE کن میتونی از Redis استفاده کنی .
3- id هایی که برای فنس ها گذاشتی رو به یک شهر اختصاص بده مثلا میگی 10 تا Polygon برای اصفحان کشیدم Polygon یک تا ده مال اصفحانه و این رو توی دیتابیست سیو کن .
4 - حالا هر درخواستی که میاد سمت سرورت با اون Polygon هایی که توی CACHE سیو کردی چک کن و id یونیکش رو توی دیتابیست Query بزن و نتیجش که میشه شهرش رو توی اپت استفاده کن.
امیدوارم این روش کمکت کنه

@mahdipakravan79

نه وب اپلیکیشن نیس
نقشه هم نمیخوام
میخوام فقط عکس نقشه ایران باشه و با کلیک رو هر استان یه سری اطلاعات نشون بدم همین

آها ! خب یه روش آسون اینه که عکس نقشه ایران رو بزاری روش Hotspot رو فعال کنی دیگه !
البته من Frontend قوی ندارم ولی فکر نکنم پیاده سازی سختی نداشته باشه

@mahdipakravan79

من توی فلاتر میخوام همچین کاری کنم
توی وب نیس
Hotspot چی هست ؟ :|

@elyasbeshkani
سلام من تخصصی ندارم اما یک راهنمایی کنم
آقای حسام موسوی توی گیت هابشون یک پنل رایگان بوت استرپ 4 گذاشتن که توی یکی از صفحاتش دقیقا نقشه جهان هستش حتی روی هر کدوم از استان هاش هم که میری رنگی میشه ( که دقیقا نوع نقشه svg هستش!) اما به هر حال میتونی با js مختصات موست و هر دفعه که توی اون svg کلیک کرد رو در بیاری و عملیات مورد نظرت رو انجام بدی .یک نگاه بهش بنداز (قالب داشبورد دوم)

@mohsen.mehri6101
بله درسته
ولی متاسفانه من برای اپلیکیشن موبایل میخوام و اونجا خبری از js و... نیس
بازم ممنونم

@elyasbeshkani
سلام مجدد
ببینید svg یه نوع پسوند فایل تصویریه با قابلیت scale بینهایت یا بهتر بگم یه نوع فایل وکتوره.
مزیتی که نسبت به سایر فایلهای وکتور داره اینه که شما توی وب و موبایل میتونی خودت با کدنویسی یه فایل svg بسازی و هر قسمت از کدت که شامل یک استان میشه یه ایونت جدا اجرا کنه.
یا کار دیگه ای که میتونی انجام بدی اینه که بیای از هر استان یه فایل png یا svg داشته باشی بعد این تصاویر رو یکی یکی کنار هم بچینی تا نقشه ایران رو شکل بدن و روی هر تصویر ایونت مورد نظر رو صدا بزنی، البته این روش بهینه نیست اما فعلا میتونه کارتو راه بندازه تا بعدا بتونی اصولی با svg پیاده کنی
flutter_svg این کتابخونه رندر فایلهای svg در فلاتر
tutorial اینم یه آموزش کوتاه در مورد کتابخانه بالا