問題タブ [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 マップ v3 の DirectionsRenderer を使用した目的地の値
Google Maps API V3 を愛用していますが、DirectionsRendererを使用したときに表示される正確な運転ルートの取得と目的地の住所の操作に苦労しています。
住所文字列またはlatLngインスタンスを目的地としてDirectionsServiceに渡すかどうかに関係なく、 を使用しDirectionsRenderer
て段階的なルート案内を出力すると、目的地テキストは常に元の目的地のジオコード結果 (つまり、COMPANY ではなく住所) になります。名前)。
latLng
理想的には、正確な目的地をに渡したいのですDirectionsService
が、「目的地」として表示されるテキストを制御します。
HTML を手動で出力することもできると思いますが、一部怠け者で、車輪の再発明を望んでいないため、DirectionsRenderer
.
何か案は?
javascript - Google マップ: InfoWindows を自動的に閉じますか?
私のサイトでは、Google Maps API v3 を使用して家のマーカーを地図上に配置しています。
閉じるアイコンを明示的にクリックしない限り、InfoWindows は開いたままになります。つまり、マップ マーカーにカーソルを合わせると、一度に 2 つ以上の InfoWindow を開くことができます。
質問: 現在アクティブな InfoWindow のみを開き、他のすべての InfoWindow を閉じるにはどうすればよいですか? 一度に開くことができる InfoWindow は 1 つだけですか?
javascript - Google マップ: 位置情報アシスタント
何らかの理由で、次の Google マップ v3 で IP の位置が特定されません
しかし、Google マップ v3 + Google Gears を使用すると、私を地理的に特定できる次のリンクが表示されます。
質問: #2 は機能するのに #1 が機能しない理由はありますか?
google-maps - GoogleMapsAPIを使用してビジネスの住所を取得する
要件があり、GoogleMapsAPIに解決策があることを望んでいます。私はGoogleMapsAPIを使用したことがないので、これは非常に初めてです。
ウェブサイトのホームページにフォームがあります。ユーザーが来たら、次のことを実行したいと思います。
1)都市フィールドには、IPに基づいてユーザー都市を入力する必要があります
2)ストア名と呼ばれる2番目のフィールドがあります-ユーザーがストア名を入力し始めると-その都市のその名前のすべてのビジネスリストを取得し、ユーザーが適切なブランチを選択できるドロップダウンとして表示します。地図上に何も表示する必要はありません。例-ヒューストンのユーザーがマクドナルドと入力し始めると、次のビジネスリスティングが表示されるようになります
- マクドナルド、12ペアランドアベニュー、ヒューストンテキサス州
- マクドナルド、2600 Bary Area Blvd、テキサス州ヒューストン
- マクドナルド、262 Clearlake Blvd、テキサス州ヒューストン
また、Google APIからビジネスリスティングのアドレスを取得する場合、1つの文字列として取得し、解析する必要がありますか、それとも別のフィールドである通りの名前、都市、州、郵便番号などを取得しますか?
どんな情報や例も本当にありがたいですありがとう
jquery - GoogleMapsAPIでマウスのスクロールホイールのスケーリングを無効にする方法
Google Maps API(v3)を使用して、ページにいくつかの地図を描画しています。私がやりたいことの1つは、マウスホイールをマップ上でスクロールするときにズームを無効にすることですが、その方法がわかりません。
scaleControlを無効にしました(つまり、スケーリングUI要素を削除しました)が、これはスクロールホイールのスケーリングを妨げません。
これが私の関数の一部です(これは単純なjQueryプラグインです):
google-maps-api-3 - マーカーのレンダリング google-maps-api-3 を保持するには?
いくつかの(おそらく)マーカーの情報を持つxmlを解析しています。ただし、この時点に到達する前に、デフォルトの LatLng などを使用してマップをセットアップします。
問題は、マーカーを追加するときです。マーカーは 1 つずつレンダリングされます。つまり、帯域幅や Google マップからの応答ではありません。マーカーがいつ表示されるかがわかります。しかし、これは通常のことですが、私が望むのは、少なくともユーザーが完全に生成している間、レンダリングを保持することです。
ところで、私は特別な構造を使用していないため、コードを入れていません。より複雑なコードを実行する必要がある場合に備えて、デフォルトのオプションを使用して google maps v3 の json をモデル化するだけですが、今では非常に単純です。
google-maps - Google マップ: マーカーの z-index を変更するにはどうすればよいですか?
Google マップには約 100 個のマーカーがあり、さらに表示する必要がある特別なマーカーが 1 つあります。現在、マップを縮小すると、周囲のマーカーによって完全にまたは部分的に非表示になります。そのマーカーを完全に表示する必要があり、他のすべてのマーカーの上に置いておくとうまくいくと思います。しかし、スタック順序 (z-index) を変更する方法が見つかりません。
google-maps - Google マップ V3 ルート目的地マーク 編集
google.maps.DirectionsService.route() および google.maps.DirectionsRenderer.setDirections() メソッドを使用して、旅のカスタム パーサーを作成せずに、目的地の情報ウィンドウのテキストを変更することは可能ですか?
API には、ルートのマーカーにアクセスできるものは何も表示されませんでした。
コードは必要ありません。はい/いいえだけで、正しい方向へのヒントが必要です。
現在の機能:
ありがとう、サイ
javascript - Google マップ V3 で番号付きの地図マーカーを作成するにはどうすればよいですか?
複数のマーカーがあるマップに取り組んでいます。
これらのマーカーはカスタム アイコンを使用していますが、その上に数字も追加したいと考えています。古いバージョンの API を使用してこれがどのように達成されたかを見てきました。V3でこれを行うにはどうすればよいですか?
*注 - 「タイトル」属性は、マーカーの上にマウスを置くとツールチップを作成しますが、カスタム画像の上にマウスを置いていなくても、カスタム画像の上に重ねられる何かが必要です。
マーカー クラスのドキュメントは次のとおりです。これらの属性はどれも役に立たないようです: http://code.google.com/apis/maps/documentation/v3/reference.html#MarkerOptions
javascript - Google Maps API v3: fitBounds の後に Zoom を設定できますか?
埋め込まれた Google マップ (API v3) にプロットしたい一連のポイントがあります。ズーム レベルが低すぎる (つまり、ズームアウトしすぎない) 場合を除き、すべてのポイントに対応するように境界を設定したいと考えています。私のアプローチは次のようになっています。
これはうまくいきません。最後の行 "gmap.setZoom()" は、fitBounds の直後に呼び出された場合、マップのズーム レベルを変更しません。
マップに適用せずに境界のズーム レベルを取得する方法はありますか? これを解決する他のアイデアはありますか?