問題タブ [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 に答える
565 参照

javascript - Google マップ: リスナーから変数値を取得する

私はそれをうまくやろうとしていますが、できません.. どこに問題があるのか​​教えてください。

変数 latlng は .. の外では空jsondata.addListenerです。latlng 変数を次の場所に渡したい:

しかし、それは動作しません..

これは私のコードです:

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

javascript - Google マップの fitBounds コールバック

境界が変更された場合にトリガーされるイベントがあることは知っていbounds_changedますが、fitBounds がいつ完了したか (境界が変更されたとき、または境界が同じままであったとき) を知る必要があります。

Google にはある種の許容範囲があり、境界がほとんど変更されていない場合、実際には境界が変更されず、bounds_changed が呼び出されません。これがいつ起こるかを知る必要があります。

タイムアウトを使用してこれを正常に実行しましたが、bounds_changed がトリガーされるのに 100 ミリ秒以上かかると、ハッキーでエラーが発生する可能性があります。

例を参照してください: http://jsbin.com/sosurexuke/1/edit?js,console,output

より良い解決策はありますか?

編集: map.getBounds() が fitBounds() を送信しているものと同じかどうかを確認するだけだと思う​​場合、境​​界へのフィッティングの結果が通常、送信した境界に近くないことを知ってがっかりするでしょう. これが可能かもしれないと思ってこの関数を書きました

2年後に編集:

Google マップの最新の実験的バージョン (3.32) ではbounds_changed、境界が現在の境界と同じ場合でも起動されるようです。

元の問題をまだ示しているバージョン 3.31 に元の例を更新しました。

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

google-maps - 複数のマーカーが表示されるようにマップを中央に設定する問題

私はイオンフレームワークを使用しています。私はマップを作成し、複数のマーカーと値はサーバー側から取得しました.すべてのデータは適切に取得されましたが、なぜこのエラーが発生するのかわかりません-

コード: angular.module('starter', ['ionic', 'ngCordova'])

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

leaflet - Leaflet - Fitbounds and keep center

I'm using Leaflet with Mapbox and I'd like to set the view of the map so :

  1. all markers are visible
  2. the center is set to a specific point

setView と fitbounds を使用して各ポイントを個別に行うのは簡単ですが、setView が境界を変更し、fitBounds が中心を変更するため、両方を同時に行う方法がわかりません。解決策は、中心とズームを定義することですが、どのズームがすべてのマーカーを表示できるようにするかをどのように知ることができますか?

編集

IvanSanchez が提案したソリューションを実装しましたが、期待どおりに動作します。

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

leaflet - リーフレット - レイヤー切り替え時のレイヤー範囲へのズーム/パン

私はバス ルート マップに取り組んでおり、ユーザーがオン/オフできるルートがいくつかあります。選択したルート (またはルート) が選択時に完全に画面に表示されるようにズーム/パンする方法を考えたいと思います。(一部は初期ズーム レベルで画面外に表示されます)。

これまでの魔法は次のとおりです。

map.fitBounds の複数の組み合わせを試しましたが、取得できないようです。

また、コントロールボックスにタイトルとサブタイトルを追加する方法はありますか? コントロールを次のようにしたいと思います。


【】国道10号
【】国道11号

【】国道12号…etc

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

javascript - Google マップを fitBounds にする

基本的にはSE-NWコーナーに相当する大きさに拡大した地図を作りたいと思っています。非常に多くのバリエーションを試しましたが、機能させることができませんでした。スクリプトの 1 つのバージョンに 2 つのマーカーを配置することはできましたが、マップをマーカーのサイズにズームインすることはできませんでした。マーカーは必要ありません。枠にとらわれずに考えただけです。以下に私のような作業スクリプトを含めますが、fitBounds を機能させるための助けをいただければ幸いです。私はこれに 2 日間しっかりと取り組んできましたが、私はプログラマーではないので、この Web サイトや他のサイトで見つけた解決策の多くは意味をなさないか、正確な問題に対処していません。

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

google-maps-api-3 - Google マップ: フルスクリーン + fitBounds が範囲に収まらない

markerClustererでマーカーを表示するマップがあります。

通常のビューではすべて正常に動作しますが、全画面表示モードではクラスターをクリックすると「fitBounds」が実行され、ズームが正しく変更されません (ズームインではなくズームアウトが発生します)。

コード:

html:

markerclusterer.js の「triggerClusterClick」で fitbounds を実行すると、ズームインの代わりにズームアウトが発生します。

何が起こっているか知っている人はいますか?

PS: 全画面表示への変更は、"fullscreenControl" (オプション マップで有効化) で行われます。

問題のあるサンプル:フィドル