Googleマップをイラストマップみたいにしたい。
サイト制作において、アクセスマップなどの地図の表示はどうしてますか？「Google Maps API」を利用したり、ちょっとデザインにこだわりたい時にはイラストに描き起こしたりしてるんじゃないでしょうか。 今回は、Google マップをちょいとカスタマイズすれば、まるでイラストマップみたいに見せることができるんだぜ！というお話です。 記事中に出てくる画像は2012.3現在のもののため、現在のGoogle Maps APIでの表示とは異なりますので注意です…X(。 リンク切れしていたところを、なるべく近い内容の存在するページにリンクし直しました（2015.7.20追記）。 まずはしっかり抑えておきたい「Google Maps APIの基本」から。 基本をすっ飛ばして早速カスタマイズしたい方はこちら↓。 Google Maps APIの基本 Google マップはGoogle API キーを発
Google Maps API V3の使い方とは？ | WordPressにGoogle Maps API V3！
◆Google Maps JavaScript API V3 ブログ目次 Google Maps API v3とは？ 本ブログは判らないところをコツコツ積み重ねました。あくまでご参考にされて下さい。Google Maps APIを扱うことは決して難しいことではないと思います。Google Maps JavaScript API V3のページからスタートするといいと思います。 ※V2は、2013年11月以降は使用できなくなります。 いきなりサンプル集（example）地図を見るならコチラ Google Maps API Google Maps APIサービスがサポートする国・都市の一覧表 初期設定 Google Maps API V3の地図（マップ）をPC、スマートフォンで見れるように表示させるscriptとメタタグの設定 地図に表示する。 ナビゲーションコントロール、マップタイプコントロー
Google Maps APIで使えるアイコン一覧
Googleマップで使われているアイコン一覧 URL:http://maps.google.co.jp/mapfiles/ms/icons/ファイル名（～.png） 幅32px：高さ32px シャドウファイルの詳細は下記の通り マーカー・ドットアイコン共通。 プッシュピンアイコン用。 その他のアイコンは「ファイル名.png」を「ファイル名.shadow.png」。例えば http://maps.google.co.jp/mapfiles/ms/icons/hiker.png http://maps.google.co.jp/mapfiles/ms/icons/hiker.shasow.png コードの記入例 Icon.shadow="http://maps.google.co.jp/mapfiles/ms/icons/アイコン名.shadow.png"; Icon.iconSize=new
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html
Map Icons Collection - 1000+ free & customizable icons for maps
http://g.takihiro.net/
