hi guys,
i use google map with all acf roles but in have some bugs with bootstrap, map doesn’t load completely.
this image :

if i remove bootstrap css it will be ok, but i have to use bootstrap.
Hi @takide
I’m afraid that I can’t reproduce this issue on my end. Could you please try to reproduce the issue on one of the WordPress’ stock themes (like Twenty Fifteen) with other plugins deactivated? If it disappears, then you can activate the theme and plugins one by one to see which one causes the issue.
You can also put the CSS and JS code required by Google Map after the Bootstrap’s CSS and JS.
If the issue persists, could you please share the code to show the map?
Thanks!
dear @James, thanks you for answering
please see this link
http://tourfa.net/?hotel=%D9%87%D8%AA%D9%84-%D8%B1%D9%88%DB%8C%D8%A7%D9%84-%D9%88%DB%8C%D9%86%DA%AF%D8%B2-%D8%A2%D9%86%D8%AA%D8%A7%D9%84%DB%8C%D8%A7
i’m so sorry for language, it’s persian
i translate the part that google map is on it, named “See This”
when i put the code in “div” tag with #collapseOne id google map has problem, and when i drag it and put it in “post-info-hotel-list” class it will show without any problem
Hi @takide
It seems there is something wrong with a hidden map like that. If you click “See This” and then resize your browser window, the map will show correctly. I found these threads that have similar issue: http://stackoverflow.com/questions/24513536/google-maps-display-from-hidden-area-using-twitter-bootstrap, http://stackoverflow.com/questions/4064275/how-to-deal-with-google-map-inside-of-a-hidden-div-updated-picture.
If the issue persists, please ask google map community.
Hope this helps.
Thank you @james,
Problem solved!!
If anybody has same problem, use this article:
https://gist.github.com/grudelsud/3451732