MULTISOUP

MULTISOUP

MULTISOUP

Staff Blog

Introduction example

2017.10.05

Googleマップを印刷しようとすると表示されない!?

地図が印刷されない

みなさん、こんにちは!

以前、Google Maps APIs プレミアムプランをご購入いただいたお客さまから、以下のような問い合わせがありました。

 

”Google マップを印刷プレビューすると表示されない”

 

お客さまの状況は以下のようです。

・Google Maps JavaScript API を使って地図を表示している

・地図の表示自体は問題なくできている

・デザインは、Bootstrap を使用している

 

 

色々調べたところ、Bootstrap が悪さをしていることが判明しました。

 

 

原因

以下のCSSが適用されてしまっているようです。@media print は印刷時のみ適用されるCSSです。

@media print {
  img {
    max-width: 100% !important;
  }
}

 

 

解決策

以下のように「max-width: none」を強制的に指定します。

.gm-style img {
  max-width: none !important;
}

 

 

たったこれだけの内容ですが、非常に感謝された次第です。

 

 

弊社では、プレミアムプランをご購入いただいたお客さまには、専任のスタッフが技術サポートを行っています。なお、スタッフは定期的に Google社の教育を受講し、日々スキルアップを図っていますのでご安心ください!! プレミアムプランの詳細は、以下のページに記載しています。

 

Google Maps API プレミアムプランについて

 

 

今後も本ブログを通じて、Google Maps APIs の技術的なことや地図にまつわる開発について書いていきたいと思います。こういうこと書いて欲しいという要望がありましたら、問い合わせフォームよりお送りください。

 

がんばります^^

 

 

【関連記事】こんな記事も読まれています

2018.01.30

Google Maps APIs : 住所コンポーネントタイプの変更

みなさん、こんにちは!今日は Google Maps APIs の住所コンポーネントタイプの変更に関する大切なお知らせです。プレミアムプランユーザーのみな・・・

続きを読む

2018.12.28

Google Maps Platform での重要な利用規約変更点

みなさん、こんにちは。

今年も最後の出勤日となりました。1年間、本ブログを読んでいただきありがとうございます。

今年は、Googl・・・

続きを読む

2019.01.25

Maps JavaScript API のリリースバージョンが 3.35 に更新・・・

みなさん、こんにちは。

2019年2月12日頃、Maps JavaScript API のリリースバージョンが 3.34 から 3.35 に更・・・

続きを読む

 - Google Maps APIs, Google Maps JavaScript API, サポート

お問い合わせお見積もりから開発のご相談まで、お気軽にお問い合わせください。

Google Maps for Work™に関するご質問やお見積りは、
マルティスープまでお気軽にお問い合わせください03-3518-9013 (受付時間:平日 9:00−18:00)