現在苦戦している案件でサイトに埋め込まれているGooglemapを印刷ボタンを押して、Googlemapが表示されている範囲だけA4サイズで印刷されるようにしたいと先方から依頼がございました。どうしてもjsで組んだりしてもGooglemapだけではなく、全部のページが印刷されてしまいます。どなたかご教授よろしくお願いいたします。
印刷用CSSで対応してみては?ttp://html-coding.co.jp/knowhow/tips/000279/
どうやんの?
ちょっと、事情がよくわかりませんが、CSSのメディア設定でprint用に専用のものを作ってでもダメですか?
印刷用のcssで対応できるだろうけど、そのまま導入すると、逆にページ全体を印刷したい人に対応できなくなるので、マップ印刷用のボタンを作って、そのイベント内で印刷用cssを突っ込むのがいいね。
Google Mapsの部分だけ別ページにしてiframeで表示する ↓「マップを印刷」ボタンを表示して、クリックしたらiframeのwindow.print()を呼ぶ、とかじゃダメかな(もともとiframeだろうけど、直接やるとブラウザにブロックされて動かない気がする)
印刷用CSSさえ調べれず、理解できないレベルのあなたへのアドバイス目的達成できればいいんでしょ? 特に向上心ないでしょ?PDFにしてリンクを貼りなさい それでこのトピックは終了だ
みんなの回答 5 件
印刷用CSSで対応してみては?
ttp://html-coding.co.jp/knowhow/tips/000279/
ちょっと、事情がよくわかりませんが、CSSのメディア設定でprint用に専用のものを作ってでもダメですか?
印刷用のcssで対応できるだろうけど、そのまま導入すると、逆にページ全体を印刷したい人に対応できなくなるので、マップ印刷用のボタンを作って、そのイベント内で印刷用cssを突っ込むのがいいね。
Google Mapsの部分だけ別ページにしてiframeで表示する
↓
「マップを印刷」ボタンを表示して、クリックしたらiframeのwindow.print()を呼ぶ、とかじゃダメかな
(もともとiframeだろうけど、直接やるとブラウザにブロックされて動かない気がする)
印刷用CSSさえ調べれず、理解できないレベルのあなたへのアドバイス
目的達成できればいいんでしょ? 特に向上心ないでしょ?
PDFにしてリンクを貼りなさい それでこのトピックは終了だ
関連するトピックス