ID:9Jdpl.SZObWu さんの質問

3,721 views

現在苦戦している案件でサイトに埋め込まれているGooglemapを印刷ボタンを押して、Googlemapが表示されている範囲だけA4サイズで印刷されるようにしたいと先方から依頼がございました。どうしてもjsで組んだりしてもGooglemapだけではなく、全部のページが印刷されてしまいます。
どなたかご教授よろしくお願いいたします。

登録日:2014-05-26 · カテゴリー:ノウハウ・Tips

みんなの回答 5 件

2014-05-26 · ID:k/Mxq2AYKd4B 報告

印刷用CSSで対応してみては?
ttp://html-coding.co.jp/knowhow/tips/000279/

2014-05-26 · ID:z/TLNk4VSLpG 報告

どうやんの?

2014-05-26 · ID:uSpUcP7DIlWH 報告

ちょっと、事情がよくわかりませんが、CSSのメディア設定でprint用に専用のものを作ってでもダメですか?

2014-05-26 · ID:lL3j3fQDoU1X 報告

印刷用のcssで対応できるだろうけど、そのまま導入すると、逆にページ全体を印刷したい人に対応できなくなるので、マップ印刷用のボタンを作って、そのイベント内で印刷用cssを突っ込むのがいいね。

2014-05-26 · ID:2AQJHB09prKj 報告

Google Mapsの部分だけ別ページにしてiframeで表示する
   ↓
「マップを印刷」ボタンを表示して、クリックしたらiframeのwindow.print()を呼ぶ、とかじゃダメかな
(もともとiframeだろうけど、直接やるとブラウザにブロックされて動かない気がする)

2014-05-27 · ID:EcYjj4oLlU.H 報告

印刷用CSSさえ調べれず、理解できないレベルのあなたへのアドバイス
目的達成できればいいんでしょ? 特に向上心ないでしょ?
PDFにしてリンクを貼りなさい それでこのトピックは終了だ

回答の受付は終了しました。

関連トピック