asp.net mvc:كيفية صورة الخريطة ؟

Question

كيف ASP.NET MVC أود أن بناء صورة الخريطة ؟ المرجع:

<map id='headerMap'>
    <area shape='rect' href="Default.aspx" coords='300,18,673,109' />
</map>

إجابة واحدة من إجابة لا علاقة لها سؤال ماركوس هو شيء مماثل:

<a href="<%= Url.RouteUrl("MyRoute", new { param1 = "bla", param2 = 5 }) %>">
   put in <span>whatever</span> you want, also <img src="a.gif" alt="images" />.
</a>

آسف إذا كان هذا هو زائد عن الحاجة.بحثي إلى أن هذا قد يكون الإصدار 2 mvc الإجابة.تبحث عن شيء مماثل Html.ActionLink إذا كان موجودا.من الواضح, أنا يمكن الرجوع الطريق بالاسم إرسال المعلمات باستخدام عنوان Url هذا.RouteUrl, ولكن هل هذا هو فعلية طريقة للتعامل مع ذلك ؟

شكرا

Answer 1

سيكون لديك لإنشاء HTML نفسك...إلقاء نظرة على html التي يتم تقديم في الكلاسيكية asp.net باستخدام:

<map id='headerMap'>
    <area shape='rect' href="Default.aspx" coords='300,18,673,109' />
</map>

ثم تقليد هذا في الخاص asp.net mvc استبدال أي من hrefs على الخريطة مع عنوان Url الخاص بك.RouteUrl المكالمات.

E. g.

<map id="mymap" name="mymap">
    <area href="<%= Url.RouteUrl("MyRoute", new { param1 = "foo", param2 = 5 }) %>" alt="HTML and CSS Reference" shape="rect" coords="5,5,95,195">
    <area href="<%= Url.RouteUrl("MyRoute", new { param1 = "bar", param2 = 3 }) %>" alt="Design Guide" shape="rect" coords="105,5,195,195">
</map>
<image src="sitemap.gif" alt="Site map" "usemap"="#mymap" width="300" height="200">

إلقاء نظرة على مختلف Url.RouteUrl() الزائدة و/أو UrlHelper طرق لمعرفة أي واحد يناسب الوضع الخاص بك أفضل.

مرة واحدة كنت قد تم فرزها ، توصيتي سيكون لتغليف خلق لكم المجال الروابط في HtmlHelper التمديد.

Answer 2

تمكنت من استبدال ما يلي وعملت بشكل جيد:

مثال HTML:

<map id='headerMap'>
   <area shape='rect' href="Default.aspx" coords='300,18,673,109' />
</map>

مثال MVC4

<map id='headerMap'>
    <area shape="rect" href=@Url.Action("Default", "Home") coords="300,18,673,109">
</map>

Answer 3

خيار آخر هو بناء خريطة الصور الخاصة بك مع C#. يوفر الرابط التالي بعض طرق المساعد التي تنشئ خريطة صورة من التعليمات البرمجية داخل العرض / وحدة التحكم:

http://www.avantprime.com/articles/view-article/9/asp.net-mvc-image-map-helper

تعديل: محاولة http://web.archive.org/web/20110728032820/http://www.avantprime.com/articles/view-article/9/asp.net-mvc-emage-map-helper للحصول على نسخة أرشفة من الرابط الأصلي.