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 の技術的なことや地図にまつわる開発について書いていきたいと思います。こういうこと書いて欲しいという要望がありましたら、問い合わせフォームよりお送りください。

 

がんばります^^

 

 

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

2017.02.08

JavaScript API のリリースバージョンが「3.27」に更新されます

みなさん、こんにちは。

2017年2月14日に Google Maps JavaScript API のリリースバージョンが 「3.27」 に・・・

続きを読む

2016.10.26

Geocoding APIの住所のタイプと住所コンポーネントのタイプ

みなさん、こんにちは!

今日は、 Google Maps APIs の Geocoding API を使う度に皆さんが(私だけ?)、ずっと"気・・・

続きを読む

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

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

(※)は入力必須項目です。

当社では、お客様がお問い合わせの際に必要な個人情報または、 お問い合わせ内容等につきましては、
お問い合わせの回答の目的のみに利用します。

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