googleマップのマイマップで作ったオリジナル地図をHPに埋め込む方法
今回google地図を扱うお仕事があったので忘れにないうちにメモメモ
より大きな地図で 仙台駅周辺のインドカレー屋さん を表示
↑↑↑ダミーの地図を作ってみました。
※吹き出しがちゃんと表示されるまで、少し時間がかかります。
で、これをつくるのに使ったいろいろな方法たち
Googleマップの地図をブログに貼り付けてみよう
まずはgoogle地図の埋め込み方法。
コピペ用HTMLの下の「埋め込み地図のカスタマイズとプレビュー」でpxや倍率が選べてステキですね
自分だけのオリジナル地図を作ろう!Google マイマップ
とっても分かりやすいgoogleマップ制作講座。アイコンの増やし方や、線の引き方などなど、基本的な操作が一通り紹介されています。
ちなみにgoogle地図が新しくなったのか、↑↑↑の動画の通りにマイマップを作ろうとしてもできなかったようなような気がします。のでメモメモ
・googleマップで住所を入力
・左側のフレームにアイコンと住所が表示される。
・住所の下の保存から、新しい地図を作成→保存
・マイマップの編集からタイトルや説明を入力(公開の設定を忘れずに)
・保存→完成!!!
マイマップの吹き出しの書式設定と画像の挿入
吹き出しのカスタマイズ方法。文字を大きくしたり、リンク張ったり、マーカー引いたりできてCMSみたいですね。
目印をオリジナルのアイコンにしよう
google地図の既存のアイコンだとちょっと味気ない時もあるんじゃないでしょうか。
アイコンの大きさは縦横64pxです。
昔はこういうカスタマイズをするには、google APIでいろいろ頑張る必要があったようですが、今はマイマップでカスタマイズができるようになったみたいですね。でも、やっぱりgoogle APIを使ったほうが細かいカスタマイズができるみたいです。
今回オンラインパソコン教室 ソフトウェアの使い方さんにはとても助けていただきました。ありがとうございます
- 25.06.2010
- mayumi
- (0)
カテゴリー
月別アーカイブ
- 2011年9月(1)
- 2011年2月(7)
- 2011年1月(5)
- 2010年12月(3)
- 2010年11月(1)
- 2010年10月(1)
- 2010年9月(3)
- 2010年8月(12)
- 2010年7月(22)
- 2010年6月(11)
- 2010年5月(12)
- 2010年4月(13)
- 2010年3月(16)
- 2010年2月(13)
- 2010年1月(13)
- 2009年12月(16)
- 2009年11月(33)
- 2009年10月(26)
- 2009年9月(12)
- 2009年8月(18)
- 2009年7月(45)
- 2009年6月(14)
- 2008年12月(2)
- 2008年11月(1)
- 2008年10月(1)
- 2008年9月(2)
- 2008年7月(2)
- 2008年6月(2)
- 2008年5月(2)
- 2008年4月(3)
- 2008年3月(7)
- 2008年2月(10)
- 2008年1月(20)
- 2007年12月(9)
コメントする