問題タブ [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.
javascript - Google Maps API V3 の API キーは何ですか?
古いバージョンの API では、基本的な機能を動作させるために、次のようなものを使用して JavaScript をページに挿入する必要がありました。
http://maps.google.com/maps?file=api&v=2&key= GoogleMapsAPIKey
個々のサイトごとに API キーを構成する必要がありました。ドキュメントを見ると、基本的なマップを機能させるには、次のものが必要です。
http://maps.google.com/maps/api/js?sensor= true/false
API キーはどこに収まりますか? 基本的な地図とマーカーだけを使用し、より高度な機能を使用しない場合、心配する必要はありますか?
私はlocalhostでもテストしていますが、FAQにはまだキーを登録する必要があるとありますが、まだ行っていませんが、まだ機能しています。
javascript - jQueryを使用してGoogle Maps API 3でマーカーのタイトルを設定する
Google マップと jQuery でいくつかの問題が発生しています。誰かが 2 つの問題のうち小さい方を助けることができるかどうか疑問に思いました。うまくいけば、それが大きい方の問題を修正するのに役立ちます。
以下のコードを使用して Google マップにデータを入力しています。基本的には、生成された HTML を使用してフォームにマップを入力します。
JavaScript はクラス mapSearch を使用してすべての div をループし、これを使用して div ID を使用してマーカーをプロットし、会場の緯度/経度と ID を取得します。
マーカーはすべてマップ上で正常にプロットされますが、infoWindow ビットに問題があります。クリックしたときに各会場に関する情報を表示したいのですが、上記のコードを使用すると、クリックしたときにすべての情報が個別ではなく 1 つのボックスに表示されます。それが簡単な修正であることを願っています!
これを修正したら、html の div にカーソルを合わせたときに情報ウィンドウを表示する方法を見つけられることを願っています。
google-maps - Googleマップ上のポイントを画面上の特定のピクセル位置にパンする(API v3)
がoverlay
Googleマップのオーバーレイでありoffsetx, offsety
、パンしたいマップの中心からのピクセル距離であるlatlong
場合、次のように機能します。
ただし、マップ上に常にオーバーレイがあるとは限らず、必要なメソッドがないaではなく、をmap.getProjection()
返します。projection
MapCanvasProjection
特にオーバーレイを作成せずにこれを行う方法はありますか?
google-maps - コーディング方法:「フローティング画像」グーグルマップコントロール
「フローティング画像」があります。矢印が付いている画像は、クリックすると地図が特定の場所の中央に配置されます。私は必死にそれを行う方法を見つけようとしてきました、そして私はグーグルマップアプリをその1つだけ欠けているものでコーディングしました。何か案は?
編集:地図の中心(赤いマーカーになります)から離れてナビゲートしてみてください。中心が地図に表示されていない場合は、矢印の付いた赤いマーカーが表示されます。それが私が探しているものです:)
google-maps - Google Maps API V3:地図の外から特定のマーカーにジャンプするには?
2 つのマーカーが付いた地図があります。
マップの最初のビューには 1 つのマーカーしか表示されません。クリックするとマップが 2 番目のマーカーに移動するリンクをマップの横に提供したいと考えています。
これは、API の v2 を使用した、私が望むもののデモです: http://arts.brighton.ac.uk/contact-university-of-brighton-faculty-of-arts (地図の下のリンクに注意してください)
これが私がこれまでに持っているものです:
それで、私が追加したいのは、へのリンクです。marker2
たとえば、マップを 50 マイルほど上に移動します<a href="#marker2">Second location</a>
。
どうすればいいですか?
google-maps - Google Maps API V3 で静的マップを取得できますか?
API V3 の静的マップ (イメージ マップ) を取得できるかどうかを知っている人はいますか?
javascript - オープンソースで使用するためのコードをどこに投稿しますか?
私は数週間GoogleMapsAPI v3を使用して作業しており、作成しているマップの開発をかなり行っています。
私がやったことのいくつかは、以前は何もなかったところに使いやすさを追加するために行わなければなりませんでした。少なくとも、オンラインで見つけることができたわけではありません。基本的に、私はしなければならないことのリストを作成し、必要なことを行う方法をWeb全体で検索し、(「Webから例を取得する」で)不可能なものがあることを発見しました。検出)。
したがって、このマップでの作業では、開発コミュニティと共有したい非常に便利なツールをいくつか作成しました。
ポートフォリオ( http://dougglover.com)以外に、他の人が私の作品を表示してリサイクルできるようにするためのハブとして使用できる場所はありますか?
私は何かをする必要があることがどれほど難しいかを知っています、そして他の場所で解決策を見つけることができません、そして私は何かが以前に行われたならば、それは必ずしも何度も何度も書かれる必要があるとは思いません。したがって、オープンソースコードですね。
まず、ここに来て質問して、それから答えることを考えていました。問題は、それが大きな評判をつかむように見えると思います。そうでない場合は、私に知らせてください。ここの人々がそれを見ることができるように、私は先に進んでそれを行います。他の提案をいただければ幸いです。
私が作ったもの:
(新しく改良された)LatLngジェネレーター
- より速く動作し、ドラッグ可能なマーカーの位置に基づいてLatLngを生成します
- 目的の場所の上/近くにマーカーを配置するためのアドレスを検索できます(シベリアからあなたの場所までスクロールするよりもはるかに優れています)
- ドラッグ可能なマーカーなので、ダブルクリックすると、元々使用していたような新しいLatLngマーカーを作成する代わりに、ズームインします。
完全にカスタムの「スマートパス」を作成する機能
- 実際のGoogleマップを使用する場合と同じように、相互に接続するLatLngポイントをマップ上にプロットします。
- Javascriptでダイクストラのアルゴリズムを使用すると、ルーティングはインテリジェントであり、提供されたポイントを使用して、常に可能な限り最短のルートを提供します
- シンプルで読みやすい多次元配列システムにより、グリッドに新しいポイントを簡単に追加できます
任意の提案などをいただければ幸いです。
google-maps - Googleマップ(v3)の画像を特定の方向(方位)にオーバーレイするにはどうすればよいですか?
v3 Googleマップに配置したい矢印の画像があり、特定の方向を指します(特定の緯度/経度の方位を使用)。これは可能ですか?
ありがとう。
javascript - Google MAP API v3: 表示されたマーカーの中心とズーム
次のコードを使用して、マップにマーカーを設定します。
マーカーがマップに表示されます。ここで、これらのマーカーを地図の中心にしてズームしたいと思います。どうすればこれを達成できますか? 私が試してみました:
latLngs の console.log は次のように出力します。
しかし、うまくいかないようで、コンソールにエラーは表示されません。私は何を間違っていますか?
jquery - Google マップのモーダル ダイアログ (JQuery)
素敵でシンプルなモーダル ダイアログを使用して、1 つのマーカーでマップを表示したいと思います。これに対する使いやすいソリューションはありますか? 理想的には、Googleマップをサポートするjqueryモーダルダイアログ、または緯度と経度のみを指定してGoogleマップのiframeコードを簡単に取得する方法