asp.netのMVC：イメージマップにどのように？

StackOverflow https://stackoverflow.com/questions/1355677

質問

どのようにASP.NET MVCで私がイメージマップを作成するのでしょうか？ REFの場合：

<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を使用してパラメータに送るが、これはそれを処理するための事実上の方法であるだろうか？

おかげ

役に立ちましたか？

解決

あなたは使用して古典的なasp.netでレンダリングされるHTMLを見て... HTMLを自分で作成する必要があります 

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

そして、あなた自身のasp.net MVCビューでUrl.RouteUrl呼び出しでマップのためのhrefのいずれかを交換することを模倣します。

例えばます。

<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">

1が最良のあなたの状況に合ったかを確認するために、異なるUrl.RouteUrl（）過負荷および/またはUrlHelper方法を見てください。

あなたはそれを整理したら、

、私の推薦はHtmlHelperの拡張に使用するエリアリンクの作成をカプセル化するだろう。

他のヒント

私は次のように置き換えることができたし、それがうまく働いた。

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>

別のオプションは、C＃を使用してイメージマップを構築することです。次のリンクは、ビュー/コントローラ内のコードからイメージマップを作成し、いくつかのヘルパーメソッドを提供します：

のhttp：// WWW

の.avantprime.com /記事/ビュー記事/ 9 / asp.net-MVC-画像マップヘルパー

の編集：の<のhref = "http://web.archive.org/web/20110728032820/http://www.avantprime.com/articles/view-article/9/試してみてくださいasp.net-MVC-画像マップヘルパー」のrel = "nofollowをnoreferrer"> http://web.archive.org/web/20110728032820/http://www.avantprime.com/articles/view-article/9元のリンクのアーカイブされたバージョンのため/asp.net-mvc-image-map-helperするます。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top