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 =
Google マップ JavaScript API V3 まとめ
Home Google マップ JavaScript API V3 まとめ Google マップ JavaScript API V3 まとめ 地図コンテンツ作成とカスタマイズ例です。現在グーグル Maps Javascript API のバージョンは「V3」で、Nexus などのタブレットや Android スマートフォンにも適しています。 以下のほか、ブログも参照して下さい。このページに未掲載のマップが多数あります。 V2は2010年5月19日、正式に廃止されています。Google はV3への移行（Google Geo Developers Blog: GoV3: It's time to Upgrade）を奨めています。2013年11月19日以降（機能により）使えなくなっています。 2013年5月、ラベル類が更新されました。javascript の冒頭に google.maps.vis
Googleマップ チュートリアル 「Google Maps API活用方法」 自分のマーカーを地図につける
自分オリジナルのアイコンを作成して地図に表示してみましょう。 アイコンは以下のものを使用しました。 必要であれば、コピーして下さい。 画像ファイルは、24ビットカラーPNGを使用するのが安全です。 [red_flag.png] [flag_shadow.png] まずは、以下のJavaScript部分のサンプルコードを見て下さい。 <script type="text/javascript"> //<
google local の地図画像を抜き出して使う
unicodeの記号で表現できてしまうのにびっくり。 下に順に表示させたものをいれておきます。こういうのいれるとまたアドセンス審査に落ちるんだろうなあ…下のURLにアクセスしてみてみてください。 http://maps.google.com/mapdata?latitude_e6=35685815&longitude_e6=139645292&zm=27000&w=360&h=360&cc=us&min_priority=3&Point=b&Point.latitude_e6=35770501&Point.longitude_e6=139528465&Point.iconid=15&Point=e&Point=b&Point.latitude_e6=35762501&Point.longitude_e6=139536465&Point.iconid=16&Point=e&Point=b&
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://maps.google.com/mapdata?latitude_e6=35685815&longitude_e6=139645292&zm=27000&w=360&h=360&cc=us&min_priority=3&Point=b&Point.latitude_e6=35770501&Point.longitude_e6=139528465&Point.iconid=15&Point=e&Point=b&Point.latitude_e6=35762501&Point.longitude