◆ MarkerClusterer V3 gridsizeオプション
MarkerClustererオプションの”gridSize”、MarkerClusterer V3のクラスリファレンスのページには記載が無いが、V2にはgridSizeのオプションある。V3は無効かと思ったが試したら機能するようだ。
スポンサードリンク
Category Archives: Google Maps API v3
MarkerClusterer V3 クラスオプション gridSize指定／ Google Maps API v3
Posted by 管理人 on 2010年11月3日
None comments | 2,738 views
Google Maps API V3の地図（マップ）をPC、スマートフォンで見れるように表示させるscriptとメタタグの設定
Posted by 管理人 on 2010年11月1日
None comments | 20,478 views
Google Maps API ｖ3の地図をiPhone（アイフォン）やスマートフォンで見れるように表示させるには、次のメタタグとscriptタグを<header>タグ内に記述しておく必要があります。
ここで注意点です。
Google先生のデフォルトは、
<meta name=”viewport” content=”initial-scale=1.0, user-scalable=no” />
<script type=”text/javascript” src=”http://maps.google.com/maps/api/js?sensor=set_to_true_or_false“></script>
となっています。
PHP+MySQL（XMLファイル生成）+Google Maps API V3／地図表示サンプル
Posted by 管理人 on 2010年10月31日
2 comments | 12,360 views
とりあえずMySQLからデータを引っぱって表示させてみた。 せっかくなので、Ｇｏｏｇｅｌコードを試す。参照ページは「Google マップと PHP/MySQL を使用」。このページ、以前はＶ2だったが、Ｖ3用に変わっていた。下記サンプル地図の表示マーカー数は、172マーカー。ちと重いかな。 iPhone（アイフォン）でサンプル地図をＷｉ-Ｆｉでなく3Ｇ回線で読み込んでみたが、まあ動くでないの。Google Maps API V3のスマートフォン対応恐るべし。次回は、ＭａｒｋｅｒＣｌｕｓｔｅｒｅｒ+PHP+MySQL（XMLファイル生成）+Google Maps API V3を練習する予定。 ◆Script記述 Read more »
常にインフォウィンドウを1つだけ表示する方法／Google Maps JavaScript API V3
Posted by 管理人 on 2010年10月24日
1 comments | 10,778 views
◆インフォウィンドウを1つだけ表示する方法
Google Maps API ｖ3で気がついたのがインフォウィンドウの開き方。一度クリックファンクションであるマーカーのインフォウィンドウを開くと、次のアイコンをクリックしてもそのまま残ってしまう。
XMLファイルを読み込んで表示する練習をしていた時は、気づかなかった。何故かって、インフォウィンドウが常に一つだから。
しかし、アイコンの種類を変更するサンプルを作成時、次のアイコンをクリックしても前のインフォウィンドウが消えないことに気が付きました。
え～。V3では、わざわざcloseコマンドを使わなければ、インフォウィンフドウを閉じることが出来ないようだ。
良くわからんので、Googleのサンプルを探してたらありました。
ドラッグ＆ドロップマウスで移動可能なマーカ（アイコン）の指定方法／Google Maps API v3
Posted by 管理人 on 2010年10月23日
None comments | 3,739 views
Google Maps API v3 アイコン表示能力は？ 表示可能なたくさんの大量マーカー（アイコン）の数は？
Posted by 管理人 on 2010年10月23日
None comments | 13,725 views
お遊びで、このマップ（V2）で700マーカー以上のたくさんのマーカー（アイコン）を表示させているXMLファイル（MySQL+PHPで生成）をGoogle Maps API V3で読み込んで表示させてみた。 驚いた。大量のマーカにもかかわらず、まず本当に数秒で地図上にマーカー（アイコン）が表示される。 IE7のように遅いブラウザの場合、まず地図に表示されるまでに数十秒かかるのだが、ほんの数秒でOK。 Read more »
マーカーのアイコン種類を変更する＋影指定／Google Maps JavaScript API V3
Posted by 管理人 on 2010年10月21日
None comments | 21,117 views
アイコン（マーカー）+インフォウィンドウ地図に表示／Google Maps JavaScript API V3
Posted by 管理人 on 2010年10月17日
None comments | 6,705 views
Google Maps API v3で地図を表示させたので、こんどはやはりマーカーとインフォウィンドウ（情報ウィンドウ）を表示させてみる。マーカとインフォウィンドウは最低限使います。
先生は、googleコードのインフォウィンドウの箇所。オーストラリアの中央にマーカーを表示し、マーカーをクリックすると情報ウィンドウが表示されるもの。
◆Google Maps V3 インフォウィンドウ
うーむ。気になったのは、インフォウィンドウの大きさ。
設定は、情報ウィンドウのサイズは自動調整だが、設定出来るようだ。なお、インフォウィンドウの縦・横スクロールを無効にするには、どうしたらいい？
今度はアイコン（マーカー）を地図に表示＋XMLファイルデータ読み込み／Google Maps JavaScript API V3
Posted by 管理人 on 2010年10月16日
None comments | 11,539 views
マーカー（アイコン）を表示させるのであれば、複数のマーカーを表示させたい。
ｖ2でPHP+MySQLが使えないときに、XMLファイルから読み込んだ手を試してみる。
参照ページ；Google グルーディスカッションのサンプルより
◆Google Maps V3 XMLファイルからのマーカー+インフォウィンドウ読み込み
- Head内にutil.jsファイルを指定。ダウンロードは、GooglMaps のサンプルコードのページから。
- 名前や座標データを記述したXMLファイルを用意。サンプル（ソースを見るで確認）
ナビゲーションコントロール、マップタイプコントロール、距離スケールコントロールを表示する標準マップ
Posted by 管理人 on 2010年10月16日
1 comments | 6,544 views
ともかくGoogle Maps API v3でともかく地図を表示させてみよう。 Google Map JavaScript API V3 チュートリアルにあるGoogle マップ V3 の「Hello, Woｒld」を表示させてみることに。
◆Google Maps V3 Hello World
うーん。APIキーが無いのがいいですね。 あと目立つのは、コントローラ近くのストリートビューのアイコン。 スマートフォン、iPhone（アイフォン）用の位置情報取得用にセンサーの使用有無を示すための sensor パラメータの設定が出来るようになっています。 それでは、初期表示の座標を東京あたりに変更して・・・・。
まずあとで、ブログ等で使うことを考えて、bodyイベントのinitialize();は、scriptの中へ。jsファイルは共通で使いたいので、個別に指定する地図タイプ、初期表示座標、ズームは、別のscriptに分けておく。マップタイプは、4つのタイプから選択。
スポンサードリンク
