-1

私はこのフォーラムが初めてで、jquery と ajax も初めてです。そこで、インタラクティブな地図を作成しようとしています。ただし、マップの隣にはフォームがあります (例: チェックボックス付き)。たとえば、ヨーロッパの地図と、「海がある」、「主要言語として英語がある」、「[ユーザー定義値] 以上の市民がいる」などのオプションを含むフォームがあるとします。ユーザーがオプションを選択すると、データベースに対してクエリが実行され、選択した基準を満たすすべての国が検索されます。次に、これらの国がマップ上で強調表示され、クリック可能になりますが、他の国はクリックできません。ページをリロードせずにこれを実現したいので、SVGマップでajaxとおそらくjqueryを使用する必要があります。そうですか？他の解決策はありますか？

問題は、インターネット上で変更可能なものがあるかどうかです。私はそれをグーグルで検索しましたが、まったく同じものは見つかりませんでした。私が言ったように、私は ajax と jquery の経験がほとんどないので、ゼロから始めることはできません。

ご協力ありがとうございました。

4

2 に答える 2

1

Google Maps APIは、必要な機能を提供します。Overlay クラスと Layers クラスを詳しく見てみるとよいでしょう。これらのクラスは、地図上に一種の描画機能を提供します (エリアをカバーするポリゴンなど)。

また、Google Maps API はデータをまったく提供しないため、すべてのデータを別の場所に置く必要があります。

これはそれほど難しくないように見えるので、@thatidiotguyには同意しません。

  1. 指定された領域をカバーする多角形を作成します。
  2. その国にクリック可能なマーカーを配置して、その他の関連情報を表示します。

幸運を ：）

于 2012-10-10T18:33:34.100 に答える
1

代わりにGoogle Geochart APIを使用することをお勧めします。視覚的に見栄えが良くなり、国を強調しやすくなると思います。データベースが適切に構築されていれば、その場でインタラクティブなマップを構築することはそれほど難しくありません。私は geochart API を使用して wp プラグインを構築しました。バックエンドには大きなフォームがあるため、ユーザーはデータを入力でき、フィールドを変更するとマップのプレビューがその場で変更されます。だから、あなたがやりたいことと非常に似ています。ここで API を確認してください: https://developers.google.com/chart/interactive/docs/gallery/geochart

そして、あなたは私がそれで何ができたかのアイデアを持っています: http://cmoreira.net/interactive-world-maps-demo/administration-screenshots/

それが役に立てば幸い！乾杯

于 2012-10-11T16:26:49.747 に答える