0

現在、私のウェブサイトでインタラクティブなフラッシュ マップを使用しています。これは、いくつかのデータに基づいて、米国の州ごとに異なる色を表示します。ユーザーが状態にカーソルを合わせたときに追加のデータを表示するマウスオーバー機能もあります。

フラッシュを使用せずに上記の機能を実現するツールはありますか(モバイル対応)。必要に応じて、それらのツールの代金を支払う準備ができています。

4

2 に答える 2

2

モバイル互換サイトの場合は、Javascriptを使用する必要があります。

JQueryは、これまでJavascriptをあまり使用したことがない場合に開始するのに最適な場所です。これにより、マウスオーバーイベントとポップアップを処理するための非常に簡単なメカニズムが提供されます。

HTMLとCSSを使用してすべての状態画像を配置することもできますが、HTML5Canvas要素を確認することもできます。最近のほとんどのブラウザで動作し、IEで動作させるためのハックがあります。

方法によっては、画像マップについても学びたい場合があります。画像マップの作成に役立つツールはたくさんあります。

更新私はいくつかのチャートで作業していて、 Raphaelと呼ばれるJSライブラリを使用してこの例 に出くわしました。これはあなたが探しているものと非常によく似ているようです。

また、その例を見ていると、モバイルタッチスクリーンデバイス（iPhone、iPad、Androidなど）をコーディングしている場合、（明らかな理由で）「ホバー」イベントが発生しないことに気付きました。ブラウザが「ホバー」をサポートしているかどうかを検出し、サポートしていない場合は、代わりに「クリック」でアニメーションを実行することをお勧めします。

于 2010-09-30T16:42:58.240 に答える
0

Google Visualization GeoChartの使用を検討してください。

これは SVG ベースです。申し訳ありませんが、これがモバイルでどの程度制限されているかはわかりません。

あなたがハングアップするかもしれないと私が恐れているのは、ホバーコンテンツがあなたが望むほど柔軟ではないかもしれないということです.

于 2011-11-14T20:47:39.827 に答える