0

動的に地図を作成し、Web サイトに表示したい。地図というよりもグラフと呼ぶことができます。ここでは、データベースからソースと宛先を取得します。1 つの宛先に対して多数のソース、または 1 つのソースに対して多数の宛先、またはその両方が存在する可能性があります。また、ソース/宛先に/から向けられた他の多くの場所が存在する可能性があります。ソースと宛先は常にそこにあります。ただし、他の場所はオプションです。たとえば、ルートは次のようになります

L1 --> L2 --> ソース --> 宛先 --> L3 --> L4。ここで、L1 ~ L4 は場所です (オプション)

これをウェブサイト上で図式的に表現したい。ユーザーは各場所/パス (上記の矢印線で示されている) をクリックできる必要があり、ポップアップが開く必要があります。ポップアップでは、いくつかのデータ編集を行うことができます。また、パス (矢印線) に沿って、いくつかのデータを表示する必要があります。基本的に、この図ではすべての HTML、JS 機能を使用できます。

誰かがこれに使用できる言語を教えてもらえますか?

いくつかのマップ API をチェックアウトしました。しかし、彼らはある種のプリロードされた画像が存在することを期待しています。私の場合、それは不可能です。

私が取り組んでいるこのサイトは、他の航空運賃情報サイトと同様に、複数の都市を選択し、航空会社ごとに異なる料金を取得しています。これを、場所を表すノードとパスを表す線でグラフィカルに表示したいのですが、パスなどに沿って料金を表示する必要があります。

任意のポインタをいただければ幸いです。

ありがとう

4

2 に答える 2

1

オプションには、 SVGHTML Canvas、またはHTML+CSSがあります。オブジェクトごとにイベントを追跡したい場合は、HTML Canvasを除外します。保持された描画システムでイベントをオブジェクトにバインドする方が、マウスの位置に基づいてイベントを手動で処理するよりもはるかに簡単です。

SVG(サポートするブラウザーに制限できる場合)またはRaphaëlなどの描画APIを使用して、IEのSVGおよびVMLのサポートを抽象化することをお勧めします。HTML divと背景を使用するよりも、描画とヒット検出の柔軟性がはるかに高くなります。

私はそれを使用していませんが、Googleは、描画レベルよりも高い抽象化のためのジョイントライブラリ(Raphaëlを使用)を見つけました。おそらくこれはあなたのニーズを満たしています。

于 2010-12-07T16:31:50.030 に答える
0

私の理解が正しければ、Google マップ API がうまく機能するようです。詳細については、こちらを参照してください。ここ

さらに、この情報が役立つ場合があります。

于 2010-12-07T16:00:32.440 に答える