-1

仕事で Google マップを使用しようとしています。例をダウンロードして変更しようとしましたが、jQuery があまり得意ではありません。次の 2 つのリンクをご覧ください。

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) に移動する必要があります。

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

4

2 に答える 2

1

ライブ データベースからこれらの場所を検索する場合を想定して、いくつかのヒントを次に示します。

  1. idそれぞれに一意のリンクのリストをレンダリングします
  2. それぞれで動作するクリック イベントを取得し、false を返して、イベントがバブルアップしないようにします。
  3. おそらく各アイテムのクラスを介して、ワンクリックハンドラーをすべてのアイテムにアタッチします。
  4. ハンドラーで を検出しid、AJAX 経由でサーバーに送信します。
  5. サーバーで座標を検索し、JSON でレンダリングします。
  6. JavaScript で座標を取得して地図を中心に戻すか、新しいピンを作成します。

それはあなたを整理するはずです！

于 2012-05-05T14:52:55.277 に答える
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));"
于 2012-05-05T14:52:56.703 に答える