バッキーの日々是爆食

アクセスカウンタ

zoom RSS Googleマップで大きな詳細地図を印刷する方法

<<   作成日時 : 2019/01/18 12:32   >>

ブログ気持玉 0 / トラックバック 0 / コメント 0

Googleマップをブラウザで普通に印刷すると画面に表示されている部分しか表示されません。
しかし、現在表示している詳細な地図をもっと広範囲に大きな詳細地図で印刷したいという要望もあるかと思います。

そういう場合は、Googleマップ/Googleマイマップの埋め込み機能を利用すると簡単に実現できますよ。

手順としては次のとおりです。
  1. 印刷したい地域を Googleマップ/Googleマイマップで表示する
  2. ヘルプに説明されている方法で埋め込み用のコード(iframe)を取得する
    (マイマップを埋め込む場合は共有設定を「一般公開」にしておく必要があります)
  3. 取得したコードを簡単なHTMLファイルに書き込む
  4. iframeに指定されている Width と Height を大きくする(とりあえず10倍にしてみると分かりやすい)
  5. HTMLファイルを保存する
  6. ブラウザで表示する
  7. 印刷する

あとは必要に応じて地図の中心や印刷したい範囲に応じて Width と Height を調整するといいと思います。

※ 大きい地図はリソースを大量に消費しますので、ブラウザや状況によってはうまく表示できないこともあります。


ヘルプ:
"他のユーザーとマップやルートを共有する - マップ ヘルプ"
https://support.google.com/maps/answer/144361?hl=ja

"地図の共有、ダウンロード、印刷 - マイマップ ヘルプ"
https://support.google.com/mymaps/answer/3109452?hl=ja


サンプルのHTML:

<html>
<head>
<title>
大きな詳細地図 - マイマップの埋め込みを利用
</title>
</head>

<body>
<iframe src="https://www.google.co.jp/maps/d/embed?mid=1N9n9rES-HogVtJaKaASrIvTlTzlpk7TO&quot; width="6400" height="4800"></iframe>
</body>

</html>


デモ表示:
"大きな詳細地図 - マイマップの埋め込みを利用"
http://backy0175.web.fc2.com/Samples/Maps/large-map.html


印刷サンプル:
"上記サンプルを PDFプリンター(CubePDF)で A0版、300DPIで出力したサンプル"
https://drive.google.com/file/d/1lpj7RUjoQGEjvciFMsJDTn0ELj_qrZe2/view?usp=sharing


使用したマイマップに関する情報:
"Googleマップ上に「バーチャル長岡京」を構築してみました"
https://backy0175.at.webry.info/201711/article_2.html

テーマ

関連テーマ 一覧


月別リンク

ブログ気持玉

クリックして気持ちを伝えよう!
ログインしてクリックすれば、自分のブログへのリンクが付きます。
→ログインへ

トラックバック(0件)

タイトル (本文) ブログ名/日時

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(0件)

内 容 ニックネーム/日時

コメントする help

ニックネーム
本 文
Googleマップで大きな詳細地図を印刷する方法 バッキーの日々是爆食/BIGLOBEウェブリブログ
文字サイズ:       閉じる