問題タブ [jquery-ui-map]

jquery モバイル マップ APIを使用すると、 Google マップと比較して場所に違いがあるのはなぜですか。

ここに違いを示す画像があります

グーグルマップのような場所

jquery ui maps apiを使用する場合の場所

これが私がテストしている緯度経度です

+39° 44' 41.22"、-104° 49' 54.15"

+39° 44' 39.28"、-104° 50' 5.86"

私が違いを得ている他の緯度経度があります。

私が使用しているJSライブラリ - http://maps.googleapis.com/maps/api/js?sensor=true&libraries=geometry

デモコード

これを解決するには？

ポインタ？

このhtmlの例は正しく機能します。マップをロードし、移動、ズームなどが可能です。

しかし、これをRuby on Railsアプリケーションに入れると（4番目のスクリプトパスの違いのみ）：

マップは移動できなくなりました。静止画のようなものです。すべてのjsファイルが読み込まれ、「jquery.ui.map.full.min.js」ファイルパスの変更を除いてすべてが同じです。そのファイルはどちらの場合も正しくロードされますが、唯一の違いは、Railsの場合、ファイルの末尾に1つの余分な空白行と1つの余分なセミコロン（;）があることです。

何が起こるのですか？他の誰かがjquery-ui-mapプラグインとrubyonrailsを組み合わせることに成功しましたか？この奇妙な原因は何ですか？

jquery-ui-map-3.0-rcRails3.2.3を使用しています

全画面を占めるマップを含むスタンドアロンのページを表示できるように、jQuery モバイルを Google マップと連携させています。ただし、マップに移動するボタンがある単純な 2 ページの例を作成する方法がわかりません。

すべての例の body タグに javascript が含まれている理由について、私は非常に混乱しています。私はここの例に従おうとしていますhttp://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-google-maps-mobile.htmlですが、何が何であるかを理解するのは非常に困難ですすべてのソース HTML 内の basic_map にのみ必要です。私はjQueryとjavascriptを初めて使用します。

スタンドアロン ページとして機能する HTML コードを次に示します。

最初のページで緯度と経度を入力し、次のページでその地点を中心とした地図に移動する、次の 2 画面の例を実装してみました。ただし、マップがテキスト ボックスの下に表示され (必要に応じて新しいページには表示されません)、次のエラーが表示されます。

キャッチされていない TypeError: 未定義のメソッド 'changePage' を呼び出せません

pagecreate他の投稿によると、エラーは、代わりに関数を呼び出す必要があることに関係しています$(document).ready()。他のページの準備または作成を待たずに他の単純な複数ページのモバイル Web アプリを作成できたので、それらが必要かどうかわからなかったので、これらの関数のいずれも呼び出していません。

エラーを生成する複数の画面コードは

要約すると、私の問題は次のとおりです。

1. JavaScriptを配置する必要がある場所について非常に混乱しています。最初のスタンドアロン ページの例では、javascript を head タグに移動すると、何も機能しません。頭と体にjavascriptを入れる必要がありますか? もしそうなら、何がどこに行きますか？

2. pagecreateこの例をどのように実装すればよいですか? また、一般的にいつ使用する必要がありますか?

3. この基本的な例を機能させるには、他に何をする必要がありますか?

4. 余計なものが何も入っていない単純なモバイル jQuery コードへのポインタはありますか?

jQuery モバイルと Google Maps API v3 を使用してボタンをクリックすると、マップにマーカーを追加する簡単なスクリプトがあります。そのマーカーに基本的な情報ウィンドウを追加して、クリックすると「Hello World」と表示されるようにします。

これは非常に簡単なはずですが、正しい構文を取得できないようです。このようなマーカーを追加しています

マーカーも設定するときに情報ウィンドウも設定する良い例が見つからないようです。

これが私のコードです。ディレクトリに保存するとjquery-ui-map-3.0-rc\demos\、すべてのパスが正しくなります。「Add Some More Markers」をクリックすると、そのchicago場所のマーカーが地図に追加されます。そのマーカーをクリックすると、「Hello World!」という情報ウィンドウがポップアップ表示されるようにしたいと考えています。

内部のコードを$(document).ready(function()){}次のように変更すると、マーカーが表示されなくなります。

私は次のことをしたい簡単なプログラムを持っています：

1. [マップにいくつかのマーカーを追加]をクリックすると、cityList配列で指定された場所に4つのマーカーが表示されます。
2. マーカーをクリックすると、infoWindowが開き、対応するインデックスがcityList配列に表示されます。したがって、に対応するマーカーをクリックするとcityList[0]、情報ウィンドウに「0」が表示されます。

マーカーを追加してinfoWindowsを追加できますが、infoWindowsの内容が正しくありません。まず第一に、それらはすべて同じであり、第二に、はル​​ーiプの終わりにイテレータの値を表示しています。

私の質問は

1. どうすればこれを修正できますか？
2. マップのグローバル変数を使用してこれと同じコードを実装しようとしましたが、機能しません。なぜだめですか？たとえば、私が交換した場合

と

その場合、ページを読み込んだときに地図が表示されません。

これが私のコードです：

この小さなスニペットは、jquery 1.7.1、jqm 1.1.0、および jquery-ui-maps v3 で実行しています。

jqm1.1.0 から 1.1.1 に切り替えるときに問題が発生した人はいますか? jqmアプリケーションインスタンスにこのコードがあり、更新前に機能していました:

ff デバッガーを使用すると、self.watchPosition() コマンドを呼び出すのではなく、スキップするだけです。

コードはここから取得されます http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-google-maps-mobile.html#gps_map

そこでアドバイスをくれる人はいますか？ありがとう！

編集:私が使用したHTMLコードは、例のものとかなり似ています:

次のスニペットを書きました。

.gmaps() 関数を map_canvas に非同期的に適用するため。タグを介してまったく同じファイル（パスを含む）をロードしても、問題はありません。上記のカスケード バージョンを使用すると、次のようになります。

問題は、 gmap() が定義されていないようです。なんで？

私のコードに問題がある人はいますか?

パット

jquery-ui-map を使用して、json 経由でデータを取得し、マップに表示しています。それはうまくいきます。

しかし、私がやりたいのは、HTMLページのリンクをクリックして、選択したマーカーにパンできるようにすることです

ので、私は持っています

id="13" などの例のリンク

クリックするとパンして、選択したマーカーの情報ウィンドウが開きます

マーカー自体にIDが必要だと思うので、jsonを使用してデータベースから引き出しています。そうしないと、失われます...

この例を使用して、json http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-google-maps-json.htmlからデータを取得しています

私のjsonは

少なくとも任意のマーカーを開くことができるコードを見つけました

id=13 のマーカーなど、特定する必要があります

jquery-ui-mapで閉じられたinfowindowを検出し、ウィンドウが閉じられた後にマップを中央にパンする方法は？

jquery-ui-map プラグインを使用しています。ボタンをクリックすると、テスト ページ (test.html) に Google マップが正しく読み込まれます。この同じ test.html は、別の jquery モバイル ページからロードすると機能しません。私が悪いことをしているのか、それとも欠けているのか? 次に重要なコード:

ヘッダーの Javascript (基本マップの例のように):

そしてhtml（申し訳ありませんが、解釈されているためHTMLコードを投稿できませんが、リンクは下にあります）：

http://www.medlifesolutions.com.mx/locations/mobile/test.html

私が言ったように、ブラウザで直接 test.html を記述した場合、これは完全に機能しますが、別のページから来た場合:

http://www.medlifesolutions.com.mx/locations/mobile/main.php

マップを表示するための「クリック」またはボタンのタッチを単に無視します。よろしくお願いします。