نحوه ی ساخت یک نقشه حاوی اطلاعات نمایندگی ها

Mohsen Shahbazi · اسفند 90

سلام دوستان شرمنده من به یک مشکل برخوردم نمیدونم چیکارش کنم.

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

یک چیزی شبیه این لینکی که میزارم

http://www.vichyteen.com/pages.aspx?id=18

البته این سایت با asp هستش.

میخواستم ببینم چیکار باید بکنم؟؟؟؟

هم اکنون نیازمند یاری سبزتان هستیمgift

Mohsen Shahbazi · اسفند 90

هیشکی نیست بمن کمک کنه؟؟؟؟؟؟؟؟؟؟؟؟

amirali0001 · اسفند 90

این آدرسی رو که دادین من نتونستم ببینم ولی برای این کار من دیدم که توی یه سایت از فلش استفاده کرده بود و من نقشه رو کامل دانلود کردم اگه پیدا کردم برات همین جا میزارم فکر کنم به کارت بیاد

amirali0001 · اسفند 90

اینم از نقشه ایران البته داخل این فایل شهر ها به جایی که اون سایت اصلی خاسته لینک شدن که باید هر جور دوست دارین تغییرش بدین

m_reza9 · اسفند 90

در این این تصویر نام برخی از استان ها به درستی نمایش داده نمی شود.

Mohsen Shahbazi · اسفند 90

در این این تصویر نام برخی از استان ها به درستی نمایش داده نمی شود.

کدوم استانها؟؟؟من اکثرشو تست کردم درست بودن

m_reza9 · اسفند 90

پیشنهاد می کنم با html این کار را انجام دهید:

ساخت لينک بر روی قسمتی از تصوير

برای اين کار بايد از دو برچسب <map> و <area> استفاده کنيد. روش کار بدين صورت است که ناحيه هايی را می خواهيد کاربر با کليک بر روی آن به صفحه ديگری متصل شود را توسط اشکالی مشخص می کنيد. اين اشکال دايره، مستطيل و چند ضلعی خواهند بود که توسط مشخصه shape تعيين می شوند.

دايره به صورتshape="circle" معرفی می شود و مختصات آن توسط مشخصه coords تعيين می شود. مثلا در coords="39, 41, 32" دو عدد اول مختصات مرکز دايره و عدد سمت راست اندازه شعاع دايره می باشد. مشخصه آشنای href که در برچسب <a> از آن استفاده کرديم، صفحه ای را که کابر با کليک بر ناحيه مشخص شده توسط شکل به آن منتقل خواهد شد را تعيين می کند.
مستطيل توسط shape="rect" و مختصات قطر آن مثلا توسط coords="77, 12, 112, 72" تعيين می شود که دو عدد سمت چپ مختصات گوشه بالای سمت چپ و دو عدد سمت راست مختصات گوشه پايين سمت راست می باشند.
برای استفاده از چند ضلعی بايد از shape="polygon" استفاده کنيد و اعداد دوبه دو مختصات گوشه های آن را تعيين می کند : coords="146, 7, 124, 68, 193, 64, 183, 53, 184, 20".

همانطور که در مثال زير می بينيد برچسب <map> مشخصه ای به نام name دارد که توسط آن برچسب <img> با برچسب <map> ارتباط برقرار می کند برای ايجاد اين ارتباط بايد در برچسب <img> از مشخصه usemap استفاده کنيم که مقدار اين مشخصه نام برچسب <map> می باشد. ضمنا نام برچسب <map> بايد همراه با علامت # به کار برده شود. مانند:

<img border="0" src="test.bmp" usemap="#picture">

مثال زير روش استفاده از برچسب ها و مشخصه های ذکر شده را مشخص خواهد کرد.

<html>
<body>
<map name="picture">
<area href="circle.htm" shape="circle"
coords="30, 33, 27" alt="circle">
<area href="rectangle.htm" shape="rect"
coords="64, 6, 95, 60" alt="rectangle">
<area href="polygon.htm" shape="polygon"
coords="126,1, 106, 56, 166, 53, 158, 46,158,15"
alt="polygon">
</map>
<img border="0" src="picture.gif" usemap="#picture">
<body>
<html>

Payam.Hayati · اسفند 90

سلام

کاربر m_reza9 درست میگن مثل یزد و کل استانهای شمالی.

با HTML میشه اما دیگه زیبایی فلش رو نخواهید داشت.

m_reza9 · اسفند 90

نام استانهایی که درست نشون نمی دهد:

یزد = زدی

مرکزی = ی مرکز

قزوین = ن ی قزو

تبریز = زی تبر

اردبیل = ل ی اردب

ارومیه = ه ی اروم

ایلام = لام یا

یاسوج = اسو ج ی

amirali0001 · اسفند 90

آره الان دیدم با حرف ی مشکل داره همه ی شهرهایی که ی دارن بهم میریزن فونت شو عوض کنید فک کنم درست شه ولی خب من زیاد فلش بلد نیستم فقط از چندتا نرم افزار آماده استفاده کردم اونم با خودتون

samira afra · فروردین 91

این فایلی که برای دانلود گذاشتین swf هستش اگر فایل اصلیش رو بذارین برای دانلود میشه فونتشو عوض کرد تا اسم همه شهرها درست باشه.اگه این با نرم افزار فلش درست شده فابل fla رو بذارید تا بشه اصلاحش کرد

نحوه ی ساخت یک نقشه حاوی اطلاعات نمایندگی ها

11 پست در این موضوع

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

ایجاد یک حساب کاربری

ورود به حساب کاربری

خانه

فعالیت ها