I have added google maps in to “sidemenu” template with a new menu button and so on. Everything worked fine, started playing with the template. Removing header and so on. After a few days I came back I saw that it does not work as expected. Whole map is hidden under . If I remove this pane node from browser dev tools I can see the map.
Checked the html, everything looks fine. Tried rollbacking changed html, still nothing. I even tried generating new template and adding default google map implementation to it and it still does not work.
menu.html - added where it belongs. Menu works perfect.
maps.html* - new template added which looks like this
<ion-view> <ion-content> <div id="map" data-tap-disabled="true"></div> </ion-content> <ion-view>
index.html - added google maps library
app.js - added routing
map-ctrl.js* - new controller for google map implementation. (Copied from: https://codepen.io/ionic/pen/uzngt)
style.css - few styling rules (also from https://codepen.io/ionic/pen/uzngt)
I am not sure how is that possible that 4 days ago everything worked fine and now, I cant fix it using new template. I am not very familiar with ionic but is it possible that version has changed or something similar. (I dont remember updating ionic explicitly)