GoogleマップやYahoo!地図を、自分のホームページやブログに貼り付けたいと思ったことがありませんか? しかし、簡単に活用すると著作権を侵害するので注意が必要です。
GoogleマップやYahoo!地図の「スクリーンショット」を貼り付けて利用すると、これは利用規約に違反し、著作権侵害になります。
著作権を侵害せずに、GoogleマップやYahoo!地図を利用するには、①”地図を表示する”HTMLコードを取り出し、②そのHTMLコードをブログやホームページに埋め込む ことが必要です。
今回は、Googleマップ・Yahoo!地図について、”著作権を侵害せずに”ブログやホームページに活用する方法を詳しく紹介します。
なお、Yahoo!地図の利用にはJavaScriptが必要で、Yahoo!ブログや一部のブログでは利用できません。
実は、昨年2016年11月、ホームページで、利用規約に違反した地図情報が掲載されたとして、ある県が謝罪しました。以下のホームページに、利用規約違反の概要(原因)、利用規約に違反し掲載していた地図の一覧が、紹介されています。
ホームページにおける利用規約に違反した地図情報の掲載について
http://www.pref.kagawa.lg.jp/content/koho/houdou/wzcr4i161115164901.shtml
なお、地図は著作権法で著作物として「第十条の六」に例示されており、著作権法で保護されていますので、利用時には著作権を侵害しないように利用ください。
(著作物の例示)第十条の六
地図又は学術的な性質を有する図面、図表、模型その他の図形の著作物
■
■ Googleマップの活用例
■
以下が、Googleマップを活用した「福岡県の大濠公園のGoogleマップ」です。
■
■ Googleマップを”著作権を侵害せずに”活用する詳しい方法
■ ブログ(Blogger)の例
■
①Google マップを開き、共有したい地図を表示
②左上のメニュー(三本線)をクリック
③ [地図を共有 / 埋め込む] を選択
④表示されるボックスの上部で [地図を埋め込む] タブを選択
*[リンクを共有]のURLをブログ等で活用するのも可能
⑤希望の埋め込みサイズを選択
⑥HTML 埋め込みコードをコピー
*コードの所で右クリックして“コピー”をクリック
(注)コードはブログでは”HTML編集画面”で入力
⑦ブログ投稿画面(Bloggerの例)で、通常入力の所に“地図名を入力”
⑧“HTML”入力タブをクリック
⑨“地図名(または地図名<br/>)”の次に、GoogleマップのHTMLコードを貼り付け
*地図のHTMLコード <iframe・・・</frame>
⑩ブログ投稿画面の通常入力の所に戻ると“地図”が表示されています
参考:
地図を埋め込む、場所を共有する - パソコン - Googleマップ ヘルプ
https://is.gd/HyVoXW
(注)共有できないもの:
保存した場所を含む地図(自分専用のため)
距離測定の結果を含む地図
地図そのもののスクリーンショットや画像
■
■ Yahoo!地図を”著作権を侵害せずに”活用する詳しい方法
■ ブログ(はてなブログ)の例
■
①表示したい場所を地図の中心に表示
② ページ右上の[URL]をクリック
③[地図のカスタマイズとプレビュー]をクリック
④地図の大きさを指定
⑤地図の形式を指定
⑥HTML埋め込みコードをコピー
*地図のHTML埋め込みコード <script・・・・・</script>
⑦ブログ投稿画面(はてなブログ例)で[HTML編集]”タブをクリック
⑧地図のHTMLコード<script・・・・・</script>を貼り付け
⑨[プレビュー]で確認
参考:
Yahoo!地図ヘルプ - 地図をブログやサイトで利用する
https://is.gd/YACI2T