問題タブ [google-maps-api-3]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
google-maps - Google Maps API v3 では、より大きなズーム値を使用できますか?
API の v3 でこのGoogle 提供の例を使用してサテライト GMapType を使用する場合、最大ズーム レベルは 2m / 10ft のスケールを持ちますが、別の Google 提供の例の v2 バージョンを使用します (コントロールのために別のものを使用する必要がありました-simple にはスケール コントロールがありません) は、20m / 50ft の最大スケールを生成します。これは v3 の新しい「機能」ですか?
同じ GLatLng 領域で例をテストしたことを言及する必要があります。つまり、タイルの詳細レベルは影響しないと思いますが、間違っていますか?
別の質問で述べたように、v3 は非常に Labs-y/beta 品質であると見なされるため、本番環境での使用は当面の間推奨されません。
「GMap のズーム レベルを上げる」必要があるため、このテーマに惹かれました。ここでの回答はGTileLayer の使用を示唆しているようで、 GMapCreator を検討していますが、これには多少の努力が必要です。
私が達成しようとしているのは、ズーム レベルを大きくすることです。2 m / 10 フィートの縮尺が最適です。タイルがそれほど高解像度ではなく、かなりの数のマーカーがあるマップがあります。この領域に高解像度のタイルがないことを確認すると、マーカー間の距離が非常に小さく、問題のあるオーバーラップが発生しています。
さらに良いことに、独自の tileserver を使用せずに、2 m / 10 フィートの縮尺が実現されている Google Campus のように、より高いズーム レベルを可能にするカスタム マップを作成するにはどうすればよいでしょうか? 仲間の Stackoverflower の GMaps サンドボックスで、ズーム レベルに基づいてタイルが手動で作成される例を見てきました。
mapki でカスタム マップのコードベースを見たことがありますが、これには tileserver が必要です。Google のタイルを特定のズーム レベルに使用して、それらの一部を (tile.x と tile.y に応じて) と交換することはできません。カスタム タイル、ズーム レベルが 19 より高い場合
私はこれ以上意味をなさないと思うので、この大きな質問をここで終わらせるつもりです. 誰かが私の助けに来てくれることを願っています!
前もって感謝します !
javascript - Google Maps API v3 ... 非モバイル?
ウェブサイト用に Google マップ ウィジェットを作成しようとしていますが、サンプルはすべて全画面表示のモバイル デバイス用です。チュートリアルは、表示されているとおりにコピーして貼り付けると機能しますが、ページの一部のみを占めるようにしたい場合は機能しないようです。
私が読んだ限りでは、v3 は、その速度とモバイル デバイスとの互換性のために、(私が必要としているものに対して) これまでで最高の API です。デモ ギャラリーのMarkerClustererの例に非常によく似たウィジェットを作成する予定ですが、うまくいきません。
これはよくある問題ですか?私は漠然としていることを知っていますが、助けていただければ幸いです。
ありがとう
javascript - Google Maps APIで言語を示す方法は?
maps.google.com.tw
またはmaps.google.co.kr
またはを訪問するのと同じようmaps.google.co.jp
に、すべての国で表示されている独自の言語を見ることができます。表示する特定の言語を使用してGoogleマップを動的に設定するためにGoogleMapsAPIで使用できるプロパティはありますか?
google-maps - Google マップ v3 マーカー マウスオーバー ツールチップ
マウスがマーカーの上にあるときにdivで作成したツールチップを配置したいのですが、画面の位置を取得してdivを正しい位置に配置する方法がわかりません。これが私のコードです:
明らかに get メソッドは失敗します。何か案が?
google-maps - Google Maps API v3マーカーのDIVとそのピクセル位置にアクセスするにはどうすればよいですか?
Google Maps APIのデフォルトの情報ウィンドウの代わりに、マーカーの上に他のjQueryツールチッププラグインを使用します。したがって、マーカーのDIVとそのピクセル位置を取得する必要があります。
しかし、特定のマーカーのIDまたはクラスがないため、取得できませんでした。マーカーオブジェクトと文書化されていないpixelBoundsオブジェクトからマップキャンバスdivにアクセスできるのは私だけです。
- マーカーのDIVにアクセスするにはどうすればよいですか?
- DIVのピクセル位置はどこで入手できますか?緯度位置をピクセル値に変換できますか?
==追加:
以下のコードも試してみましたが、地図をスクロールしても変わりません。
javascript - より多くの情報をマーカーに保存するにはどうすればよいですか?
私はGoogleMapsv3を使用しており、サーバー側に位置データのjsonコレクションを構築しています。それで、それを受け取ったら、そのコレクションを繰り返し処理して、それぞれのマーカーオブジェクトを作成します。
これらのマーカーのそれぞれについて、クリックイベントでバインドします。これにより、ユーザーがマップ内のマーカーをクリックすると、関連付けられた場所に関連するデータを含む情報ウィンドウが表示されます。
取得したjsonオブジェクトとそれに対応するマーカーを保持するサーバーから取得したすべての場所を格納する配列があります。
問題は、参照または反復できる配列がある場合でも、ユーザーがそれらをクリックしたときにマーカーオブジェクトを取得するだけでなく、より多くの情報を格納するロケーションオブジェクトも取得する必要があることです。
関数はロケーションオブジェクトではなくマーカーによって呼び出されるため、このオブジェクトの配列を管理し、呼び出し元のオブジェクトから参照しようとしましたが、成功しませんでした。そこで、汎用フィールドを使用するように、グーグルマップのマーカーオブジェクトにさらに多くの情報を保存できるかどうかを考えました。
さらに情報が必要な場合はお知らせください。
ありがとう!
model-view-controller - Zoom_changed は、MVC を使用して Google Maps API バージョン 3 で 1 回だけトリガーされます
Google マップ バージョン 3 で MVC オブジェクトを使用しようとしています。理解できないのは、zoom_changed
メソッドが 1 回しか呼び出されない理由です。最初にマップをロードすると、zoom_changed
メソッドが呼び出されます。しかし、地図をズームしたときはそうではありません。
マップ オブジェクトはズーム イベントを発生させ、「this.set('zoom', this.map.zoom)」を持つすべてのオブジェクトに通知するべきではありませんか?
javascript - 手動で作成されたGoogleマップへのAPIアクセス
私はhttp://maps.google.com/を介して作成されたパブリックカスタムGoogleマップをいくつか持っています-明らかに私のグーグルアカウントに関連付けられています。
Google Maps javascript apiを介してこれらのマップにアクセスできますか?私の知る限り、APIはmaps.google.comにある手動で作成されたマップでは機能しないようです。
そうでない場合は、javascript apiが取得してクライアントのブラウザーのマップにロードできるオーバーレイデータ(マーカーなど)を保存する別の方法はありますか?
dabbleDBのようなサービスを考えていますが、JavaScriptを介した書き込みアクセスは提供されていないと思います(これは、たとえば、ユーザーがマップにマーカーを追加する場合に必要になります)
明らかに、サーバー上にdbレイヤーを作成することはできますが、データベースから負担を取り除く「クラウド」ソリューションを探しています。
google-maps - Google マップ v3 の情報ウィンドウが広すぎる
Google マップ v3 では、infoWindow の幅を 200px より小さくすることができないようです。私が使用しているコードは次のとおりです。
infoWindow をより狭くする方法はありますか? または、最小幅で立ち往生していますか?
google-maps - Google Maps API V3 は今すぐ使えますか?
まず、API V3 を使用した経験がある場合にのみ返信してください (自分で推測できます)。
私は V3 を少し試してみましたが、見た目は素晴らしかったのですが、実際に使用して実際のサイトに展開する前に、V3 を少し使ってみた人の話を聞きたいと思っています。
私は非常に基本的なことだけをしようとしています:
- 地図に目印をつける
- カスタム マーカー
- 情報バブル
v3 ではすべてが非常に簡単に見えます: http://www.svennerberg.com/2009/06/google-maps-api-3-the-basics/
それは十分に安定していますか?