問題タブ [markerclusterer]
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-api-3 - マーカー クラスタラー - マーカー情報ウィンドウのコンテンツのマージ
マージされたマーカーの情報ウィンドウのコンテンツを含む情報ウィンドウをクラスター マーカーに追加する方法を知っている人はいますか?
これは、デフォルトのマーカー クラスタラーの動作です: http://www.psop.fr/MAP_Population_Google.php
ありがとう
jquery - Chrome上のGoogleMapv3、MarkerClusterer、jQueryが機能しない
修正済み:以下を参照
わかった。これが私のアプリです。
http://libwiki.heroku.com/libraries
FirefoxまたはSafariで表示すると、正しく表示されます。目的は、オーストラリアの図書館のリストをGoogleマップに表示することです。また、「MarkerClusterer」プラグインを一番上に配置して、マーカーがクラスター化されるようにします。
しかし、Chromeでサイトを表示すると、マーカーが表示されません。
そのため、コードを調べたところ、Chromeが正しく応答していないことがわかりました。これがスニペットです。
get_boundaries()メソッドで、マップの境界を取得します。これをrailsアクションの1つに渡して、指定された境界内のライブラリのみを取得します。
とりあえず。FFとSafariではアラート「hello」メッセージが正しく表示されますが、Chromeではメッセージが表示されません。
なんでそうなの?Chromeに対応するために他に何かする必要がありますか?
私はすでに検索を行い、ここで同様の質問を見つけました(http://stackoverflow.com/questions/4086837/markerclusterer-not-working-only-in-webkit-chrome-and-safari-fine-in-firefox) 、そして私は提案を適用しましたが、成功しませんでした。
編集 -
わかった。Trottの提案を試しましたが、役に立ちませんでした。FirefoxとChromeのRailsコンソールの出力を比較しました。
Firefoxでは、次のようになります
++++++++++++++++++++++++++++++++2011-05-23で127.0.0.1のGET"/libraries"を開始しました20: 42:30 +1000 HTMLとしてのLibrariesController#indexによる処理レンダリングされたlibrary / _header.rhtml(0.7ms)レンダリングされたlibrary / _footer.rhtml(0.3ms)レイアウト/ライブラリ内のレンダリングされたlibrary / index.html.erb(5.7ms)完了200 9msでOK(ビュー:8.2ms | ActiveRecord:0.0ms)
2011-05-2320:42:31+1000で127.0.0.1のPOST"/get_libs"を開始しました。パラメーターとしてのLibrariesController#get_libsによる処理:{"top_lat" => "-3.8857201725875936"、 "right_long" => "159.3671875" 、"bottom_lat" => "-46.20993271642981"、 "left_long" => "106.6328125"}ライブラリの読み込み(1238.5ms)SELECT"libraries"。*FROM "libraries" WHERE(緯度<-3.8857201725875936AND緯度>-46.20993271642981 AND((経度>106.6328125AND経度<159.3671875)OR(経度>106.6328125AND経度>159.3671875AND経度>0AND 106.6328125> 159.3671875)OR(経度<106.6328125AND経度<159.3671875AND経度<0AND 106.6328125> 159.3671875)))++++ ++++++++++++++++++++++++++++
上記の重要な点は、FFでjQueryの「post」メソッドが実行されていることだと思います。しかし、Chromeに行くと、下にしか表示されません。
++++++++++++++++++++++++++++++++2011-05-23で127.0.0.1のGET"/libraries"を開始しました20: 35:44 +1000 HTMLとしてのLibrariesController#indexによる処理レンダリングされたlibrary / _header.rhtml(25.9ms)レンダリングされたlibrary / _footer.rhtml(0.3ms)レイアウト/ライブラリ内のレンダリングされたlibrary / index.html.erb(59.1ms)完了200 90msでOK(ビュー:89.1ms | ActiveRecord:0.0ms)++++++++++++++++++++++++++++++++++
ChromeがjQueryの「投稿」を実行しないのはなぜですか?
google-maps-api-3 - Google Maps API V3: 特定のズーム レベルで MarkerClusterer を制限する
ズーム レベルがしきい値を下回っている場合に無効にしたい MarkerClusterer があります。
例: ズーム レベルは 10 で、クラスターが表示されます。しきい値は 5 であるため、ユーザーが世界を見るためにズームアウトした場合、すべてのマーカーはレンダリングされません。ただし、ユーザーが再びズームインした場合にマーカーを表示する必要があるため、マーカーをクリアしたくありません。
javascript - googlemaps api MarkerClustererの問題
運がないマップAPI MarkerClusterer機能を使用しようとしています:
私は見つけることができるすべての例を見てきましたが、ajax コールバック関数内でそれを実行しようとしていますが、他に違いは見られません。マーカーはマップ上に正常に表示されていますが、クラスタリング効果はありません。
google-maps - 単一のマーカーにズームインした後、markerclustererを使用してmaps API V3のデフォルトのred-dot.pngを置き換える方法は?
MarkerClustrerを使用しています。マーカーを十分に拡大した後、マーカーは分離していますが、画像はgoogleが提供するデフォルトのred-dot.pngです。そのデフォルトを変更する方法はありますか?クラスターアイコンの変更方法ではなく、ズームイン後のマーカーアイコンを変更する方法を尋ねています。
google-maps-api-3 - Googleマップ上に数千の情報ウィンドウを作成するための最適化戦略
私はGoogleMapsAPIを初めて使用し、MarkerClustererを使用して地図上に最大2,000個のマーカーをプロットするRoRアプリケーションを引き継ぎました。各マーカーには、関連付けられた情報ウィンドウがあります。
現在の実装では、JavaScriptで情報ウィンドウのコンテンツ文字列の配列を作成し、JavaScriptをブラウザにダウンロードします。非圧縮(サーバーコンテンツ圧縮なし)の場合、アレイとJavascriptは最大9MBになる可能性があります。
私が見つけたこの実装に関連するパフォーマンスのボトルネックは次のとおりです。1。サーバーで2000個の文字列を作成し、JavaScript配列に配置する時間。(〜4-5秒)2。ブラウザに送信する前に、サーバーで数メガバイトのJavaScriptを圧縮する時間。(〜2-3秒)
私のイニシャルは、すべてのHTMLフォーマットを含むinfowindowコンテンツ文字列のテンプレートを作成して、infowindowコンテンツの配列に含まれるデータが実際に表示される生の数値だけになるようにすることです。これにより、サーバー上でコンテンツ文字列配列をアセンブルする計算時間が大幅に短縮され、それに応じてブラウザで配列によって消費されるメモリが削減されます。また、一度に開く必要がある情報ウィンドウは1つだけです。
Google Maps v3 APIに慣れていないので、これが最適化の最良の戦略であるかどうかについてのガイダンスを探しています。そして、このタイプの戦略を実装するコードサンプルへのポインタ。
前もって感謝します、
-スコット
javascript - Google マップ v2 API にクラスタラーを追加する
Google マップにクラスタラーを追加しようとかなり長い間試みてきましたが、うまくいきませんでした。クラスタラーのライブラリを html にインポートする必要があることは理解していますが、それ以上はわかりません。誰かが私を正しい方向に向けることができれば、それは素晴らしいことです (クラスタラーのドキュメントへのリンクよりも詳細なものを探しています。すでに十分に確認しています:/)。このページには、私が話しているマップのコードがあります: www.thebboymap.info。
javascript - OpenLayers、優れたマーカー クラスタリング
このGoogle の例のように、OpenLayers で適切なクラスタリングを行う方法を知っていますか?
jquery - 空白のマップを表示する ASPNET MVC 3 アプリケーションの Google マップの MarkerClusterer
私はグーグルマップを持っていて、左側の水平スライドパネルでそれを強化しています。ポリゴンを描画する可能性があり、今は MarkerClusterer を追加しようとしています。この行がない場合:
左側の水平スライドパネルとポリゴンを描画する可能性の両方で完璧に機能しますが、その行を追加すると、マップとして灰色のボックスしか表示されません(ズームインまたはズームアウトのコントロールがないため、必要ではありません)ズームアウトする)。
何が問題なのですか?
これは ASPNET MVC のビューです
javascript - クラスタリングが機能しないのはなぜですか? (Google マップ API V3)
Google マップ API のバージョン 3 を使い始めたばかりで、クラスタリングの簡単な実装を作成していますが、機能させることができません。多分あなたは私のエラーがどこにあるかを見て、それを機能させるのを手伝ってくれるでしょう:
更新 これは私が見るエラーです: