問題タブ [imagemap]

Facebook や TravelAdvisor などで見たことがあるような、「あなたが訪れた国」マップを作成しようとしています。

さまざまなフラッシュ キットを試しましたが、思ったほど高度ではありません。私がすべての異なるキットで遭遇した主な問題は、クリックすると国の背景色が変更され、「選択を解除」してもその色が保持されることです。これは、ユーザーに視覚的なフィードバックを提供するために明らかに必要です。

これまでにこれを行うことができた唯一の方法は、巨大な XML 文字列を使用して JavaScript を介してフラッシュを初期化し、Javascript とやり取りするクリック コールバックを用意し、JavaScript で正規表現を使用して XML 文字列を変更し、XML を送り返すことです。フラッシュに。この方法が最適からかけ離れており、非常に遅いことは明らかです。

FusionMaps、amMap、AnyMaps、および diyMap を試しましたが、これまでのところ、これらのいずれかでこれを行う方法は見つかりませんでした。誰かがこれらのいずれかで同様のことをした場合、私は本当にその方法を知りたいです:-)

私が何を見なければならないかについての指針や提案はありますか？ウィキペディアで無料の SVG 大陸マップを使用し、それらを PNG に変換してすべての国のイメージ マップを作成し、次に Canvas と VML を使用して国の上に要素がありますが、これはフラッシュソリューションと比較して非常に面倒でエラーが発生しやすいようです。

読んでくれてありがとう、そして誰かが私にいくつかの指針を持っていることを願っています:-)

• ミスター・ドゥーム

ASP.NET アプリで作成されたイメージマップをブラウザーが表示しないようにする Kaspersky アンチウイルスの問題を経験した人はいますか? もしそうなら、これを回避する方法はありますか？

どうもありがとう、ニック

画像マップを W3C XHTML 1.0 Strict に準拠させる方法はありますか?

このページの作業を行っていますが、W3C Validator バッジをクリックすると、検証エラーが表示されます。

イメージ マップの <map> タグと <area> タグを置き換えた XHTML 1.0 Strict 準拠のタグはありますか?

w3c にアクセスしてその仕様を調べたところ、<li> がネストされた <nl> タグしか見つかりませんでしたが、それらを試してみたところ、試したどのブラウザーでも機能しませんでした。

私の XUL には、次のコード フラグメントがあります。

画像は問題なく表示されますが、マウスオーバーしてもカーソルが手に変わらず、クリックしてもパッド機能が呼び出されません。

同様のコードはそのままの HTML で問題なく動作するため、Firefox XUL ファイルを介して動作させるには何らかのトリックが必要です。

画像を無効にするときに、画像マップ内の alt タグが確実に表示されるようにするための指針を誰かが提供できますか?

画像を A​​lt 属性に置き換えるために、FireFox Developer ツールバーを使用しています。すべての画像は、対応する代替テキストに置き換えられますが、イメージ マップは置き換えられません。

ロールオーバー イラスト ハイライトが必要な小さな領域が多数ある複雑な背景画像があり、それぞれにテキスト表示と関連リンクが追加されています。最終的なイラストは、z-index を使用して透明度のある複数の静止画像を積み重ねます。目的の効果を得るには、中間の「サンドイッチ」レイヤーの 1 つにハイライト ロールオーバー イラストを表示する必要があります。

ブロックをいじって失敗した後、これは古い学校のイメージ マップで行うことができると判断しました。4 つの幾何学的形状のアウトラインを含む模式的なテスト マップを作成し、png ロールオーバーを使用して「塗りつぶし」ました。アイデアは、画像マップを下の背景レイヤーに関連付け、すべてのロールオーバーを css {visibility: hidden} で初期化し、Jquery の hover メソッドを使用してそれらを表示し、関連するテキストを別の div で表示することです。別のテキスト関数は、jQuery hover の代わりに :hover 疑似クラスでこれを試みていない理由です。イメージ マップを使用していたので、すべてのロールオーバー png (透明な背景を持つ) を完全なコンテナーに合わせて正確に配置し、すべてが正確に整列するようにしました。

私が得たものはうまくいきます...そうではありません！イメージ マップが正しくマッピングされ、ジオメトリ領域のみがアクティブになります。しかし、各ロールオーバー領域からの href は断続的にしか機能せず、css 可視性で Jquery hover を使用するとめちゃくちゃになります。望ましい動作は、その領域に転がり込むことで単純に形状が固くなることです。実際に何が起こるかというと、シェイプ内の動きによって、表示と非表示がすばやく切り替えられます。カーソルが形状内で停止すると、表示される場合と表示されない場合があります。どんなアイデアでも大歓迎です！

ホバー設定のサンプル (最終的には、実際のロールオーバー、関連するリンク、およびテキストに配列を使用します):

イメージマップ:

iPhoneで以下を実装する方法について誰かアイデアがありますか? 米国の地図があり、さまざまな色のさまざまな地域 (気候地域だと思います) があります。それらは長方形ではなく、州、郵便番号、郡、またはその他の定義された線に従っていません。したがって、私たちの地域は非常に丸みを帯びており、必ずしも連続しているわけではありません。

ユーザーが自分の地域をクリックできるようにしたいと思っています。ユーザーがどこからどの地域に触れたかを知ることができれば幸いです。曲線、これを行う方法がわかりません。

何か案は？

編集: 地域はこのように難しいかもしれません... リンクテキスト

ASP.NET MVCビューがありますが<input type='image'>、フォームの送信時に実行されるアクションで座標を取得する方法がわかりません。リクエストされたURLは次のようになります

でも私にはできません

これらは明らかにC＃メソッドパラメーターの有効な名前ではないためです。ActionNameクエリパラメータをメソッドパラメータにマップするための属性に相当するものはありますか？

イメージ マップからアイテムを識別することでメリットが得られるアプリケーションを開発しています。このコードを使用して、asp.net サイトでイメージ マップを簡単に作成できます。

ホット スポットの場所を表示するように画像を変更することもできますが、この場合はマウス オーバーまたは境界線でホット スポットを表示する方が簡単です。

フェイスブックで人物が特定された画像を見たら、これは私が何らかのアイデアを実現しようとしているようなものですか?

WinFormsアプリケーションでは、後で一種の画像マップとして使用するために、画像の上の「ホット」領域をインタラクティブに編集できる必要があります。

PictureBoxの上にいくつかのフローティング長方形（Microsoft.VisualBasic.PowerPacks ftw）を使用してUserControlをリグしようとしましたが、特にコントロールを移動したときのちらつきや更新の問題で、結果はそれほどきれいではありませんでした。

キャンバス上の領域を定義するのに役立つ既存のコントロールを知っている人はいますか？たとえば、グラフィックスアプリケーションはフローティング選択を多く処理する必要があると思いますが、使用するものを追跡することはできませんでした。どんなアイデアでもありがたいです。