3

いくつかの基準が適用される領域では緑、他の領域では黄色、他の領域では赤を表示するマップ (イメージ マップ) を作成したいと考えています。 可能なサンプルマップ

目標は、特定の条件に一致する特定の状態に色を付けるクリック可能な画像を表示することです。以前はフラッシュを検討していましたが、所有者は単にフラッシュを望んでいません。考えられる代替手段の 1 つは、マップ上に「クリック可能な」色付きのラベルを表示することですが、これを行う方法もわかりません。これを解決する方法を知っている人はいますか？どんな助けでも大歓迎です。ありがとう！

4

5 に答える 5

2

Raphael をチェックしてください: http://raphaeljs.com/

于 2012-06-24T22:11:32.843 に答える
2

これが私が最終的にやったことです。

  • ウィキペディアでナイジェリアの svg マップを見つけました (ほぼすべての国の svg マップがあります)。

  • InkScapeをダウンロードし
    て、マップから不要な部分を切り出しました。

  • Raphael SVG to HTML Converter ツールを使用して、 Raphaelが使用できるコードに変換しました。

  • ここからは非常に簡単で、path.fill を使用して画像を「色付け」し、任意の部分をクリックするためのさまざまな機能を簡単に設定できました。コンテナーに基づいてイメージを動的にスケーリングできるため、スケーリングも問題ではありませんでした。

私を正しい方向に向けてくれたみんな、特にOlleに感謝します！

于 2012-06-29T07:53:43.603 に答える
1

jQueryベクターマップhttp://jqvmap.com/

また

JVectorMap

JVectorMapには、jqvmapよりも多くの事前生成されたマップが付属しています。しかし、あなたはあなた自身を生成することができるはずです。

于 2012-06-25T02:22:23.200 に答える
0

jQueryを見てみましょう。PHP は、これを行う場所ではありません。オーバーレイ イメージまたは Javascript を介した CSS の変更を使用して、HTML イメージ マップを操作するクライアント側 Javascript になります。

于 2012-06-24T22:10:08.667 に答える
0

これは、gd 拡張機能を使用して php で実行できます。基本的には、画像のすべて白のバージョンをロードし、画像の座標を使用して、imagefilltoborder (http://www.php.net/manual/en/function.imagefilltoborder. php) .

ただし、クリック可能にするには、クライアント側でイメージ マップまたは JavaScript を使用する必要があります。

于 2012-06-25T01:56:37.923 に答える