WEBサイトに地図を埋め込めるサービス3種 Yahoo地図、Googleマップ、いつもNAVIでの使い方

Tweet

239

Yahoo地図での地図の埋め込み方

http://map.yahoo.co.jp/ ヤフー地図にアクセスします

貼り付けたい地図まで、検索やカテゴリなどから探し出します

地図画面の右上にあるURLをクリックするとコードが表示されるので、それをWebサイトに表示したい箇所に貼り付けるだけです

地図のサイズはコードのwidth=480&height=360&ampのそれぞれの数値を変更すればサイズは変わります

Google Mapでの地図の埋め込み方

https://maps.google.co.jp/ Google Mapにアクセスして表示したい画面にします

地図画面の左側にあるリンクマークをクリックします

リンクマークをクリックするとウェブサイトへの地図埋め込み用 HTMLコードというモノが表示されますので、それをコピーしてウェブサイトにの表示したい箇所に貼り付ければOKです

さらに細かく設定したい場合は、カスタマイズとプレビューのリンクから設定することができます
サイズの変更はカスタマイズから簡単に行えます

いつもＮＡＶＩを使った地図の埋め込み方

http://www.its-mo.com/ いつもNAVIで目的の地図のところまでたどり着きます

地図の画面で、送信というのがありますので、そこから貼り付けマップをクリックします

そうすると新しい画面が開き、そこで地図の作成ができます

STEP3のコードをコピーしてウェブサイトの表示したい箇所に貼り付ければOKです

Tweet

短縮URL:

2014年01月17日 WEBサービス・便利なサイト 地図