問題タブ [fitbounds]

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.

0 投票する
1 に答える
1126 参照

angularjs - angularjs ng-dialogでGoogleマップのfitboundsが機能しない

車両トリップビューマップにangularjsのng-Dialogモジュールを使用しています。trip-map の angularjs ディレクティブは正常に機能し、マップは完全なウィンドウ (ng-dialog モデル ポップアップではなく) に fitbounds と共に読み込まれますが、ng-dialog ポップアップでは機能しません。

ng-dialog では、googlemap が読み込まれますが、マップは fitbounds ではありません。

以前は、この問題は goge map fitbound が正常に機能していないことが原因であると考えていたので、以下の質問を投稿しました。私の取り組みの詳細については、こちらをご覧ください。

Google マップの fitBounds が機能しない


コントローラーの ng-dialog 呼び出しコード:

フィットバウンド コードをマップします。


ウィンドウでは、次のように見えます。

ここに画像の説明を入力

ng-dialog モーダル ポップアップでは、次のように左上隅に移動します。

ここに画像の説明を入力

解決策を教えてください。それはかなりのものです。

0 投票する
1 に答える
4542 参照

javascript - Google マップはパディングで fitBounds をマップしますか?

Google マップ アプリケーションでこのリーフレット fitBoundsのようなものが必要です。いくつかの例を見ましたが、期待どおりに機能しません。divをGoogleマップコントローラーとして作成し、境界を手動で拡張しようとしましたが、何も機能しませんでした...

0 投票する
2 に答える
3223 参照

javascript - Google Maps JavaScript API - setCenter を使用した fitbounds

この問題の解決策を探していますが、これを解決するものを見つけることができないようです。私が得る最も近いのはこのスレッドです。しかし、これはうまくいきません。

私がやろうとしているのは、正常に機能する一連のマーカーに基づいて fitbounds を実行することです。しかし、ユーザーの位置 (プランクの跳ねるマーカー) に基づいてマップを中央に配置し、すべてのマーカーをマップ ビュー内に保持したいと考えています。fitBounds の後に setCenter を実行しようとすると、一部のマーカーがマップ ビューの外にあります。これらの 2 つの機能を組み合わせる気の利いた方法はありますか? これが問題を示すプランクです。

ありがとう!

0 投票する
1 に答える
1298 参照

javascript - リーフレット AJAX マップ FitBounds

ロードされた geoJSON ファイルのコンテンツを表示するためにリーフレット マップの境界に適合するソリューションを探しています。

ファイルのロードには、leaflet-ajax を使用します。私はすでにこれを試しましたが、レイヤーの境界を取得する方法がわかりません。表示されたマップセクターを調整して geoJSON ファイルを表示する方法を教えてください。ありがとう。

0 投票する
1 に答える
1003 参照

javascript - Google マップ v3 fitBounds の一貫性のないズーム

非常に奇妙な問題を抱えています。

A: 私のマップの 1 つの方法は正常に機能します。ユーザーが開始点と終了点を設定すると、マップが作成され、fitBounds.extend(bounds) が適切にズーム レベルを設定して、マップ上の開始/終了マーカーを囲みます。

B: 2 番目の方法は、ユーザーが開始点を設定して終了点を設定しない場合ですが、他のユーザーの関心に基づいて、それらの取得と終了点を取得し、方法 A と同じ関数を使用してマップ上にプロットします。 fitBounds.extend(bounds) ズーム レベルを 4 (国レベル) に設定します。次に、ズームを強制的に設定する必要があります。

ユーザーがいつメソッド A を実行するか (メソッド B の前または後) は関係ありません...メソッド A の場合、ズーム レベルは正しいです。メソッドBの場合、常にズームレベル4になります。

...しかし、すべて同じ機能を使用しています。

どちらの方法でも、マーカーを地図上に正確に配置し、マーカー間のルートを正確に描画します。方法 A では自動ズームは正しく、方法 B ではズームは常に 4 に設定されています。

ユーザーがAを実行すると、その右...次にBが発生し、ズームアウトします...もう一度Bを実行すると、ズームアウトしたままになります...もう一度Aを実行すると、適切なズームに戻ります。

ここで私を狂わせる!

私のマップオブジェクトは「setMap」で、グローバル変数です

// これは方法 A です - 常に適切にズームを設定します

// これはメソッド B です。常にズーム アウトを 4 にプッシュします。ユーザーが手動でエンド ポイントを設定したかどうかをテストする別の関数から引き出されます...そうであれば、ユーザーが設定した start/end の間に wayPoints を追加しますポイント。そうでない場合は、ユーザーの開始点にマップを関心のある単一の終点に設定します

メソッド B 内の else から setMapBounds に渡されるオブジェクトは次のとおりです。開始点はユーザーによって設定されますが、終了点が設定されていないため、1 つ選択しています。最初のオブジェクトは開始、2 番目のオブジェクトは終了です。

メソッド A から setMapBounds に渡されたオブジェクトは次のとおりです。ユーザーは同じ開始点と終了点の両方を設定しています。メソッド A と B の両方で開始点が同じであることがわかります。