Googleマップでページ区切り

Question

私の仕事でGoogle Mapsを使用しようとしています。私はサンプルをダウンロードしてそれを修正しようとしていますが、jQueryではあまりよくありません。リンクが正常に動作し、場所を変え、私たちは多くのレコードを持っている場合、このスタイルが良くありませんされていることを

http://drmorphe.us/tests/googleMaps/jquery-google-maps-extend-with-pagination.html

：これら二つのリンクをご覧ください。私は約500レコードを持って、私は 'datatables'でこれらをバインドする予定ですが、私はどのようにうまく動作するリンクを作ることができないのか分かりません。私が達成しようとしている何で

ルック：

http://drmorphe.us/tests/googleMaps/jquery-google-maps-extend-with-pagination2.html

この方法で私はリンクを表示することができますが、私は仕事にそれらを必要とし、これらが提供される正確な経度と緯度（panToの）上で私たちを取る必要があります。

P.S.この目標を達成するためにjquery.ui.map.extentions.jsが変更されました。

Answer 1

JavaScriptエラーのため、アプリケーションが正しく機能しません。

jquery.ui.map.extension2.jsファイルを開き、119行を編集してください。 onclickイベントは"function("で開始しないでください。代わりの

onclick="function(map.panTo(new GLatLng(33.69877782,73.00711869)));" 

書き込み

onclick="map.panTo(new GLatLng(33.69877782,73.00711869));" 

Answer 2

ここでは、ライブデータベースからこれらの場所を検索する場合のヒントを紹介します。

1. はそれぞれ1
2. 上で一意idイベントがないバブルアップを行いますので、falseを返す、それぞれに取り組んでクリックイベントを取得して、リンクのリストをレンダリングします。
3. ワンクリックハンドラをすべてのアイテムに、多分各アイテムのクラスを通してアタッチします。
4. ハンドラで、idを検出し、AJAX経由でサーバに送信します。
5. サーバーで、座標をルックアップしてJSONでレンダリングします。
6. あなたはソートを取得する必要がありグラブJavaScriptでの座標と再センターの地図、または新しいピンの作成、など

！