タグ

googlemapsとsampleに関するmiijimaのブックマーク (2)

  • Google Maps 講習会第4回

    第4回: 吹き出しをカスタマイズ 今回はさらに Google Maps をカスタマイズする方法について勉強します。 まずこのファイルを右クリックでダウンロードしてテンプレートとして使ってください。 APIキーのところだけは変えてください。 gmaps_4.html このファイルはAPIバージョン1で作ってあります。 きまりごと 吹き出しの中に表示されるもの 地図のサイズを変える 住所から緯度経度を調べる マウスホイールでズームイン&アウト 課題1: 湘南台名店マップ きまりごと JavaScript の行の最後には ;(セミコロン)をつける < は &lt; に、> は &gt; に変換する 文字列は "…"(ダブルクオーテーション)で囲い、その中身として " を使う場合には直前に \ をつける(エスケープする) 吹き出しの中に表示されるもの 吹き出しの中にはHTMLを表示させることができ

    miijima
    miijima 2007/08/30
    吹き出しをカスタマイズ
  • GoogleMaps活用するぞ!(10) - マーカーを変えてみよう (SUZUMOTO HITOSHI'S BLOG)

    Google Mapsデフォルトのマーカーでも、十分役に立てることができす。しかし一種類しかありません。もっとマーカーの色や形をいろいろ変えて分かりやすくしたいと考えるのは、人情というものでしょう。今回は、自分でカスタマイズしたマーカーを用意して地図上に表現することを試みます。 カスタマイズしたマーカーの例 以下は、Google Maps API Documantationで例として挙げられているスクリプトの一部を、整理したものです。上半分の赤字の各行が今回新たに取り上げる、カスタマイズしたアイコンを定義する行です。下半分の黒字の各行は、前回説明したマーカーを打つためのスクリプトです。ただし、赤字の部分が追加されています。これは、上の行で定義した"icon"という変数を用いてマーカーを書くように指定している箇所です。 var icon = new GIcon(); icon.image =

    miijima
    miijima 2007/08/30
    複数種マーカーサンプル
  • 1