I am trying to put a map in a jquery tab. The end goal is to use it in a web app. I can get it working, but as soon as the map code goes into the app, the map disappears. I am trying to figure out what the difference is. I have narrowed it down to just a few lines of code different. If it matters, this is with jquery 2.1.4 and Openlayers 3.7.0. but I started with different versions and the problem did not go away with moving to a newer version.
working code (not in app):
.map { height: 500px; width: 500px; }
Map will be here
Sed ut perspiciatis unde omnis iste natus error sitvoluptatem accusantium doloremque laudantium, totam remaperiam, eaque ipsa quae ab illo inventore veritatis et quasiarchitecto beatae vitae dicta sunt explicabo. Nemo enim ipsamvoluptatem quia voluptas sit aspernatur aut odit aut fugit,sed quia consequuntur magni dolores eos qui ratione
Sed id risus vel leo varius consectetur. Curabitur neque ex,commodo ultrices porta quis, condimentum id dui. Aenean vitaeconsequat sem. Ut viverra, mi id viverra fringilla, ex maurisdapibus ex, non lacinia urna nibh et orci. Ut ex dolor,commodo non leo et, scelerisque aliquet turpis. Donec nislsapien, commodo non nulla at, maximus sollicitudin felis.Etiam ac turpis enim. Pellentesque ut aliquam nulla. Proin eudolor sit amet quam ultrices pharetra. Quisque ut ex quisnulla cursus cursus ut commodo ante. Quisque iaculis blanditgravida. Aliquam nec sodales lacus. Integer viverra velitodio, consequat aliquam massa pretium in. Aenean sed antemassa. Quisque sollicitudin eros urna, eget molestie dolorfinibus ac. Vestibulum mi risus, condimentum eget nunc nec,elementum tempor ante.
App (non-working) code:
.map { height: 500px; width: 500px; }
Map will be here
Sed ut perspiciatis unde omnis iste natus error sitvoluptatem accusantium doloremque laudantium, totam remaperiam, eaque ipsa quae ab illo inventore veritatis et quasiarchitecto beatae vitae dicta sunt explicabo. Nemo enim ipsamvoluptatem quia voluptas sit aspernatur aut odit aut fugit,sed quia consequuntur magni dolores eos qui ratione
Sed id risus vel leo varius consectetur. Curabitur neque ex,commodo ultrices porta quis, condimentum id dui. Aenean vitaeconsequat sem. Ut viverra, mi id viverra fringilla, ex maurisdapibus ex, non lacinia urna nibh et orci. Ut ex dolor,commodo non leo et, scelerisque aliquet turpis. Donec nislsapien, commodo non nulla at, maximus sollicitudin felis.Etiam ac turpis enim. Pellentesque ut aliquam nulla. Proin eudolor sit amet quam ultrices pharetra. Quisque ut ex quis
أكثر...
working code (not in app):
.map { height: 500px; width: 500px; }
Map will be here
Sed ut perspiciatis unde omnis iste natus error sitvoluptatem accusantium doloremque laudantium, totam remaperiam, eaque ipsa quae ab illo inventore veritatis et quasiarchitecto beatae vitae dicta sunt explicabo. Nemo enim ipsamvoluptatem quia voluptas sit aspernatur aut odit aut fugit,sed quia consequuntur magni dolores eos qui ratione
Sed id risus vel leo varius consectetur. Curabitur neque ex,commodo ultrices porta quis, condimentum id dui. Aenean vitaeconsequat sem. Ut viverra, mi id viverra fringilla, ex maurisdapibus ex, non lacinia urna nibh et orci. Ut ex dolor,commodo non leo et, scelerisque aliquet turpis. Donec nislsapien, commodo non nulla at, maximus sollicitudin felis.Etiam ac turpis enim. Pellentesque ut aliquam nulla. Proin eudolor sit amet quam ultrices pharetra. Quisque ut ex quisnulla cursus cursus ut commodo ante. Quisque iaculis blanditgravida. Aliquam nec sodales lacus. Integer viverra velitodio, consequat aliquam massa pretium in. Aenean sed antemassa. Quisque sollicitudin eros urna, eget molestie dolorfinibus ac. Vestibulum mi risus, condimentum eget nunc nec,elementum tempor ante.
App (non-working) code:
.map { height: 500px; width: 500px; }
Map will be here
Sed ut perspiciatis unde omnis iste natus error sitvoluptatem accusantium doloremque laudantium, totam remaperiam, eaque ipsa quae ab illo inventore veritatis et quasiarchitecto beatae vitae dicta sunt explicabo. Nemo enim ipsamvoluptatem quia voluptas sit aspernatur aut odit aut fugit,sed quia consequuntur magni dolores eos qui ratione
Sed id risus vel leo varius consectetur. Curabitur neque ex,commodo ultrices porta quis, condimentum id dui. Aenean vitaeconsequat sem. Ut viverra, mi id viverra fringilla, ex maurisdapibus ex, non lacinia urna nibh et orci. Ut ex dolor,commodo non leo et, scelerisque aliquet turpis. Donec nislsapien, commodo non nulla at, maximus sollicitudin felis.Etiam ac turpis enim. Pellentesque ut aliquam nulla. Proin eudolor sit amet quam ultrices pharetra. Quisque ut ex quis
أكثر...