Google Maps 講習会第4回
第4回: 吹き出しをカスタマイズ 今回はさらに Google Maps をカスタマイズする方法について勉強します。 まずこのファイルを右クリックでダウンロードしてテンプレートとして使ってください。 APIキーのところだけは変えてください。 gmaps_4.html このファイルはAPIバージョン1で作ってあります。 きまりごと 吹き出しの中に表示されるもの 地図のサイズを変える 住所から緯度経度を調べる マウスホイールでズームイン＆アウト 課題1: 湘南台名店マップ きまりごと JavaScript の行の最後には ;（セミコロン）をつける < は < に、> は > に変換する 文字列は "…"（ダブルクオーテーション）で囲い、その中身として " を使う場合には直前に \ をつける（エスケープする） 吹き出しの中に表示されるもの 吹き出しの中にはHTMLを表示させることができ
GoogleMaps活用するぞ！（10） - マーカーを変えてみよう (SUZUMOTO HITOSHI'S BLOG)
Google Mapsデフォルトのマーカーでも、十分役に立てることができす。しかし一種類しかありません。もっとマーカーの色や形をいろいろ変えて分かりやすくしたいと考えるのは、人情というものでしょう。今回は、自分でカスタマイズしたマーカーを用意して地図上に表現することを試みます。 カスタマイズしたマーカーの例 以下は、Google Maps API Documantationで例として挙げられているスクリプトの一部を、整理したものです。上半分の赤字の各行が今回新たに取り上げる、カスタマイズしたアイコンを定義する行です。下半分の黒字の各行は、前回説明したマーカーを打つためのスクリプトです。ただし、赤字の部分が追加されています。これは、上の行で定義した"icon"という変数を用いてマーカーを書くように指定している箇所です。 var icon = new GIcon(); icon.image =
Geekなぺーじ : Google MAPS APIプログラミング
ここでは、Google Maps JavaScript API(version 3)を使って遊ぶ方法を説明したいと思います。 Google Maps JavaScript APIを使うと、グーグル社が提供する衛星写真や地図を使ってホームページ上で色々なものを作れます。 対象とする読者は初心者もしくは入門者です。 Google Maps APIはJavaScriptを使って書いてあるので、JavaScriptの知識があった方がわかりやすいと思いますが、Java Scriptがわからなくても何と無くわかるような説明を目指したいと思っています。 基本編 Google Maps APIの単純な例 地図の種類を切り替える 地図の中心を移動する 地図上にふきだしを表示 地図がクリックされたときの処理 マップタイプコントロールを無効にする 緯度経度取得ツール 要望が多いので緯度経度情報を取得するツールを
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
逆引きGoogle Maps APIリファレンス
http://www.cybergarden.net/blog/2005/11/google_maps_api.html