スポンサードリンク

Tag Archives: many markers

Clusterer2 サンプルリンク集

表示速度では、MarkerClusterer や ClusterMarker をしのぐ。(スピードテストリンク

Clusterer2.jsは、サードパーティ製拡張スクリプト

◆作成サンプル

◆Clusterer2.js

◆Clusterer2に関する記事

◆Clusterer2+Wordpress PHP

WordPress上でClusterer2を動かしてみた。ブログトップページにサンプル地図を表示しています。

ClusterMarker サンプルリンク集

◆とりあえず移植だけしてみた。

マウスホイールでズーム操作を試してみて下さい。なかなか軽そうなのですが・・・・やはり早いのはCluster2(サンプル)

◆Google Maps API Project

クラスターマーカーインデックストップ(ClusterMarker Index)

MarkerClustererに触れてみた。大量の多くのマーカー表示問題の解決

Google Geoブログで、Google Maps APIのアプリケーションAPI開発に重視しているソフトウェア技術者が発表した最初のライブラリに、MarkerClustererがあります。 Google Maps APIで大量のマーカーを取り扱うアプリケーション開発で問題にぶつかり(地図表示の遅れ)、それはブラウザが何千ものDOM要素を作成することのに非常に多くの処理を必要とするからだとっています(マーカーがDOM数要素の組み合わせであるため)。

そこで、クラスタリング(clustering)が良い解決になるであろうと、MarkerClustererを思いついたとのことです。 MarkerClustererとは、ラベルでマーカーを異なったクラスタに集めて、各クラスタにマーカーの数を表示するものです。地図のズームレベルが変化すると、それに併せて新しいクラスタが作成されていきます。 デモをブラウザGoogle Chromeで試すと、1000マーカーで約160msecでした(驚き!!)

 

◆自分でもやってみた。 驚いた!何と遅いI.E7でも2000マーカの大量のマーカー(アイコン)でも動く。ズームは、弱いが、地図の横移動はストレスがない。

Google Maps API MarkerClusterer Examples

Read more »

GmarkerMnager+XMLファイルで大量のマーカーを表示させてみる

さて、たくさんの大量マーカー(アイコン)を表示させる方法として、GmarkerMnagerに挑戦。

マーカー数は、約600。

ブラウザGoogle Chromeでアクセスしてみる
おっ 動く。読み出しも1秒とかからない。さくさくか?

次は、IE7でアクセス・・・・・・・おっ・・・・しかし、ズーム、地図移動がいまいち。なんとかというレベル。

これ以上マーカーが増えてたくさんになったら、多量のマーカー表示は出来そうもない。

◆GmarkerMnager+XMLファイル

作成済みXMLファイルを読み込んで、GmarkerMnagerで+XMLファイルで大量のマーカーを表示させてみることに

◆XMLファイル

ともかくUTF8で作成ね。

XMLファイルサンプル (※Google Chrome使用の方は、ページのソース表示で確認してください)

◆XMLファイルへのズームの設定とGmarkerMnagerでのマーカー表示

Read more »

MarkerClusterer サンプルリンク集

ブログ記事 (試してみた)

◆Google検索

◆Google Geo developers blog

◆Google Maps API MarkerClusterer

◆Google Maps API グループ

Maptimize

50000マーカーまで対応?(有料だけど)

アイコンが写真になっている(Speich.net)

MarkerCluster+KML ブログ中のexampleから

大量マーカートップページ

大量のマーカー

◆Search Word Google 検索

Handling Large Amounts of Markers in Google Maps

表示スピードテスト

MarkerManager サンプルリンク集 (example URL Link)

MarkerClusterer サンプルリンク集(example URL Link)・・・・v3対応はコチラ

ClusterMarker サンプルリンク集 (example URL Link)

Marker Light サンプルリンク集(example URL Link)

Clusterer2 サンプルリンク集 (←リンク切れてません)(example URL Link)

Fluster2 (Google Maps v3用)

スポンサードリンク