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

 

がんばります^^

 

 

地図や位置情報を用いたシステムのご提案・開発ならマルティスープへ

マルティスープは、創業以来のGISとモバイル開発の実績と技術力で、営業支援システムやリサーチ・公共インフラ・工事・警備業界の現場を支援するシステム開発など、地図や位置情報を使った業務システムの導入のご提案や開発をいたします。

現場をつなぐコミュニケーションが屋内外業務のパフォーマンスを最大限に。マルティスープのiField(アイ・フィールド)®シリーズは、屋内外業務の現場の実力を減少させるコミュニケーション障壁を除き、使い慣れたスマートデバイスを使って 現場の実力をリアルに伝えるサービス。

位置・空間情報のエキスパート集団として一緒に働きませんか?

マルティスープは地図情報をはじめとする位置・空間情報技術のエキスパート集団です。当社で日々研究している地図や位置情報といった技術は、災害支援など貢献度の高いシステムとして使用されることもあれば、スマートフォンアプリのゲームとして使われることもあり、その利用用途・価値は、今後もますます広がっていっています。
私たちの企業理念は、「創る喜び、使う喜び」です。
今後の開発体制をより強化するために、新卒・中途問わず、当社の未来を共に創っていただける新メンバーを募集します!

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

2019.08.09

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

みなさん、こんにちは。

2019年8月14日頃、Maps JavaScript API のリリースバージョンが 3.36 から 3.37 に更・・・

続きを読む

2018.02.07

Google Maps JavaScript API のリリースバージョンが 3・・・

みんさん、こんにちは!

Google Maps JavaScript API のアップデート情報です。

2018年2月13日頃、G・・・

続きを読む

2017.02.08

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

みなさん、こんにちは。

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

続きを読む

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