Map not displaying on print view

The name of the pictureThe name of the pictureThe name of the pictureClash Royale CLAN TAG#URR8PPP



Map not displaying on print view



I have a bootstrap panel group, with > 1 panels that expand on-click.


<div class="col-md-12 panel-group" id="accordion">
<div class="panel panel-default">...</div>
<div class="panel panel-default">
<div class="panel-heading pointerCursor" data-toggle="collapse" data-parent="#accordion" data-target="#data-container">
<h4 class="panel-title">Data</h4>
</div>
<div id="data-container" class="panel-body collapse">
<div ng-include="'views/dataView.html'"></div>
</div>
</div>
<div class="panel panel-default">...</div>
</div>



In the one that includes the view views/dataView.html (that is not opened by default) I have ui-gmap-google-map element.


views/dataView.html


ui-gmap-google-map


<ui-gmap-google-map center="staticMap.center" zoom="staticMap.zoom">
<ui-gmap-marker coords="marker.coords"
options="marker.options"
idkey="marker.id"
ng-repeat="marker in staticMarkers">
</ui-gmap-marker>
</ui-gmap-google-map>



My goal is to print all panels expanded (including the map).



The issue is this - If I expand the element that contains that map, it is OK, the map is presented in print layout, but if I don't, the page is blank.



Is there a way to print the map even though I didn't open the panel with it?









By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Popular posts from this blog

Firebase Auth - with Email and Password - Check user already registered

Dynamically update html content plain JS

How to determine optimal route across keyboard