卒業生Webサイト用の単純なマッピングプラットフォームの提案


10

私はWordPressバックエンドを備えた概念実証の同窓生サイトに取り組んでいます。卒業生が住んでいる場所を示す非常にシンプルな地図が欲しいです。私はBing APIやシンプルなオープンソースソリューションのようなものを考えています。場所を取得する方法、おそらくユーザー送信システムがどういうわけか、まだわかりません。このようなことを達成するための良い、しっかりした、簡単な方法についてのアイデアはありますか?私はWebFactionでホストされているLAMPスタックを使用していて、危険なだけのPHPを知っています。

編集:これが私が最終的に得たものです。Jlivniは私にGoogleのルートを調べさせ、この方法をハッキングしたことでこれが得られました: 代替テキスト

パブリックに閲覧可能なGoogleスプレッドシートにより、バックエンドに電力が供給されます。実装とハックアップはかなり簡単です。そして、スプレッドシートの編集をだれにでも渡すことができ、彼らはそのタスクを実行できます。


1
チャド、それはよさそうだ。機能強化は、これをMarkerClustererにフックして、ポイントが重複する場所をより明確にすることです。var markerClusterer = new MarkerClusterer(cm_map、cm_mapMarkers、mcOptions);のようなものを使用して、cm_mapMarkers配列をMarkerClustererにフィードします。
スティーブンリード

回答:


8

あなたがする必要があるいくつかの異なることがあるようです:

  • ユーザーの場所をジオコードする(例:住所/郵便番号から)
  • 場所/属性をどこかに保存する
  • それらを地図上にレンダリングする

オープンソースまたは他の代替手段を使用して、これの一部またはすべてを実行することを選択できます。もし私だったら、おそらくGoogleのマッピングスタックの一部を使用するでしょう(免責事項、私はそこで働いています)。

具体的には、APIを使用してデータをFusion Tablesに挿入します。Wordpressサイトに自動的にデータを挿入するには、OAuthなどを使用して認証を行う必要があります。おそらく、このようなライブラリを使用し、ユーザーがWordpressでデータを変更したときにデータを挿入/更新するコードを記述する必要があります。

これで難しい部分は終わりました:Fusion Tablesのユーザーデータ(単一の住所列を含む)を使用すると、google.com / fusiontablesのテーブルに移動し、[視覚化]-> [マップ]をクリックすることで、すべてのユーザーを示すマップを非常に簡単に埋め込むことができます。 、関心のある領域にズームし、サイトに配置できる埋め込みコードを選択します。


1
+1あなたのニーズに対して、この答えは完璧です。Nothinをインストールすると、Wordpress.orgテンプレートでうまく機能します。ウェブサイトは、どちらかビングやグーグルのライセンス違反を避けるために、公共の対面になるだろうされている場合それは...、である
サイモン

2

私はjilivniが(これまでのところ)最も答えるのが好きです。私はまだFusionをいじる必要がなく、あなたのニーズには良い選択のようです。ただし、LAMP、スタックについて言及しているので、MySQLにデータを保存することをお勧めします。

PHPを使用してMySQLデータ(ユーザー/場所のテーブル)をGoogleマップ上に表示する方法については、このチュートリアルを確認してください。

初期データの収集に関しては、ユーザーがフォームに記入し、マップをクリックしてMySQL Db(またはFusionテーブル)に独自のレコードを作成できるように、Webアプリを拡張することもできますが、個人的には、この情報は、いくつかの基本的な質問をユーザーに送信する包括的なメールなど、他の方法で収集します。そうすれば、MySQL / Fusionバックエンドに投入する前に、Q&Aできます。

代替テキスト


0

100%の参加を得るための最も簡単な方法は、郵便番号を収集することです(私は米国の場所を想定しています)。ジオコードを使用して場所を表示でき、集計値をポップアップ値として表示することもできます。あなたはおそらくこれのほとんどをbingまたはgoogle apiで行うことができます。


実際、場所は米国の外でもよいでしょう
チャドクーパー

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.