GoogleMap – WebTecNote

Google Maps API V3 + Google Directions API

V3のマップにルート案内 (Directions API) を実装しよう。サンプルコードのZIPあります。

Google MapsのIE6～IE7で発生する事があるエラー。 APIローダーからV3を呼び出そうとしていたときに出た。メッセージ: ‘document.body’ は Null またはオブジェクトではありません。 […]

マーカーデータ作成ツールでsessionStorageに保存されたポイントを表示する時に使っている１から始まる番号つきのマーカーは、 Google Chart APIで自動作成されたものです。 MapIconMakerと […]

Google Mapsにマーカーを複数表示するためには、マーカーを作るに必要な座標やタイトルなんかの情報をまとまったデータにする必要がある訳ですよ。別ファイルに保存するならXMLとかKMLあたりが主流だと思うんだけど、 […]

APIの呼び出し方からマーカークリックで情報ウィンドウを表示するまでの基本的な使い方について、オプション設定の仕方を含めてまとめてみた。 Webサイトへの導入 API呼び出すscriptタグとwindow.onloadで […]

KMLファイルを使えばGoogleMapsのマーカー設定とかが凄い簡単にできるっていう話。 KMLはXMLのように書式が決まってて手打ちはだいぶややこしいんだけど、GoogleEarth使えば簡単に作れる。 GooleE […]

Googleマップとストリートビューの連動表示スクリプト。双方向でポイントが移動するものが検索しても無かったから自作。APIローダーを使用して導入しやすく作ってみた。

Google Ajax APIローダーの使い方についてのメモです。 Seachについては前に書いてるのでGoogleMapを例にしてます。 GoogleMapやGoogleSearchなどのGoogleが提供するAjax […]

自分用に作っておいたiframe用のGoogleMapsページテンプレート。必要そうなのは一通り書いてあるので、複製して値変えるだけでおｋ。コピペすれば埋め込みも出来る。LatLngを検索するスクリプトファイルとセットで晒しちゃうよー。

リンクをクリックしたら対応したマーカーを表示する。支店マップとか散策マップみたいな用途に向いてる。ポイントの配列はいくつでも追加出来ます。やりすぎると重いが…

GoogleMapを透明にしたいしたい！と言い出して作ったボツになった方をこっちにのせとく…。 CSSで半透明というのではなく、陸の部分だけ不透明で他透明ということをやりたかった。透過GIFのほか、アルファチャンネルp […]

GoogleMapを入れたページをブラウザで確認したとき、FireFoxやSafari、IE7などではエラーが出ないのに何故かIE6系のブラウザだけエラーを吐くことがある。主なものは ‘GMap&#8217 […]

ポリィラインなのかポリーラインなのか未だに読み方が分からない件。複雑なポイント設定のあるラインを地図に引きたい場合はこちらが最適。公式サイトにあるInteractive Polyline Encoder Utilit […]

地図の上にポリィラインと呼ばれる線を引く。公式サイトにあるサンプルです。ポイントを増やせば複雑な線も引けるが、複雑な線はラインのエンコードを使った方が楽。 iframe対応のブラウザでご覧ください

１つのマップに複数のマーカーを表示する。 iframe対応のブラウザでご覧ください