Google Maps JavaScript API V.3 をフロントエンドとして使用して、公共交通機関の情報を提供する Web アプリを開発しています。しかし、マップ上に多数のマーカー (乗換駅) が表示されるため、クライアント側のパフォーマンス、特にマップのパンニング (マーカーはマップの境界に基づいて動的に読み込まれるにもかかわらず) が非常に低くなります。
使いやすさの設計では、クラスタリング マーカーはオプションではありません。そのため、これらのマーカーをサーバー側の別のタイル レイヤーとしてレンダリングすることを検討しています。次に、マップ オブジェクトで Google マップ イベント onclick および onmousemove を使用して、マーカーの相互作用を模倣します。
問題は、これを行うための良いアプローチは何ですか? 最小限のオーバーヘッドと学習曲線でこれを達成できるサービス/API/ソフトウェア/サーバーはどれですか? 出発点を教えてください。
Google の Fusion Table をチェックアウトしましたが、カスタム マーカー画像が許可されていないため、受け入れ可能な代替手段ではありません。
私のプロジェクト環境は、バックエンドとして Apache サーバー上の PHP CodeIgniter、データベース システムとして PostgreSQL 9.2 + PostGis 2.0、すべて Amazon EC2 スモール インスタンス サーバーでホストされています。
PS。私のウェブサイトはwww.bussup.comです。興味のある方はご覧ください (まだ国際化されていないため、英語のサポートがなくて申し訳ありません)。