WEB修業中☆

googleマップのマイマップで作ったオリジナル地図をHPに埋め込む方法

今回google地図を扱うお仕事があったので忘れにないうちにメモメモpencil


より大きな地図で 仙台駅周辺のインドカレー屋さん を表示

↑↑↑ダミーの地図を作ってみました。
※吹き出しがちゃんと表示されるまで、少し時間がかかります。
で、これをつくるのに使ったいろいろな方法たち


clipGoogleマップの地図をブログに貼り付けてみよう
まずはgoogle地図の埋め込み方法。
コピペ用HTMLの下の「埋め込み地図のカスタマイズとプレビュー」でpxや倍率が選べてステキですねshine


clip自分だけのオリジナル地図を作ろう!Google マイマップ
とっても分かりやすいgoogleマップ制作講座。アイコンの増やし方や、線の引き方などなど、基本的な操作が一通り紹介されています。
ちなみにgoogle地図が新しくなったのか、↑↑↑の動画の通りにマイマップを作ろうとしてもできなかったようなような気がします。のでメモメモpencil
・googleマップで住所を入力
・左側のフレームにアイコンと住所が表示される。
・住所の下の保存から、新しい地図を作成→保存
・マイマップの編集からタイトルや説明を入力(公開の設定を忘れずに)
・保存→完成!!!


clipマイマップの吹き出しの書式設定と画像の挿入
吹き出しのカスタマイズ方法。文字を大きくしたり、リンク張ったり、マーカー引いたりできてCMSみたいですね。


clip目印をオリジナルのアイコンにしよう
google地図の既存のアイコンだとちょっと味気ない時もあるんじゃないでしょうか。
アイコンの大きさは縦横64pxです。


昔はこういうカスタマイズをするには、google APIでいろいろ頑張る必要があったようですが、今はマイマップでカスタマイズができるようになったみたいですね。でも、やっぱりgoogle APIを使ったほうが細かいカスタマイズができるみたいです。

今回オンラインパソコン教室 ソフトウェアの使い方さんにはとても助けていただきました。ありがとうございますflair

  • 25.06.2010
  • 投稿者名mayumi
  • コメント(0)

コメントする

(必須)上のスペースに表示されている文字列を下のフィールドに入力してください。

▲ top