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

WEBサイトに地図を埋め込めるサービス3種 Yahoo地図、Googleマップ、いつもNAVIでの使い方
このエントリーをはてなブックマークに追加
PR

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

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

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

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

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

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

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

 

 

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

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

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

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

 

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

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

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

 

 

いつもNAVIを使った地図の埋め込み方

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

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

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

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

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

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

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)