googleマップのカスタマイズ方法 | Webであなたの夢が叶う!

Webであなたの夢が叶う!

Webを活用して一歩ずつ「夢」に近づきませんか?
みなさんのサポートブログです。    

☆*・カフェビバーチェ。.:*・゜゚・*☆*・゜゚・*:.。..。.:*・☆

木曜日とご予約、イベント開催の場合は曜日にかかわらず、11:00~15:00、カフェをオープンしています。

コンセプトは、「おいしく健康に!
食育トレーナーのオーナーが
コーヒー、お茶をはじめ、スイーツ、ランチなど
身体に優しいメニューをご用意してお待ちしています。


少人数グループのイベント会場としてもご活用くださいね。
☆*・゜゚・*:.。..。.:*・☆・*:.。. .。.:*・゜゚・*☆*・゜゚・*:.。..。.:*・☆

こんにちは。
Webであなたの夢が叶う!のHirokoです。

今日は、googleマップ
のカスタマイズ方法をお伝えします。

まず、↓にアクセスしてください。
http://maps.google.co.jp/

左上に入力スペースが表示されますので、
ここに
 ・お店の住所
 ・サロンの住所
 ・教室の住所
など、表示させたいところの住所を入れます。


検索マークをクリックすると、地図が表示されます。


左下の「歯車」マークをクリックすると、
吹き出しが出てきます。
その一番上の「地図を共有または埋め込む」をクリック。

このようなダイアログだ表示されますので、
「地図を埋め込む」タグをクリック。



左上のリストボックスをクリックして、
「カスタムサイズ」を選択します。
ここで地図サイズをカスタマイズします。

アメブロに貼り付ける場合、
2カラムなら幅300px × 高さ300px、
3カラムなら幅180px × 高さ200px
でしたね。

「実サイズでプレビュー」をクリックして、
地図を確認してくださいね。

よろしければ、
入力スペースのコードをコピーして、
フリープラグインに貼り付けてください。

ホームページなどに貼り付ける場合は、
対象ページのHTMLにコピーしてくださいね。


今日も最後まで読んでいただいてありがとうございました。