Yii Bootstrap Tooltip Conflict With The Google Map


(Vinoth Mohan97) #1

Hi,

I’m using the Yii Bootsrap extension in my project application system.

The issue was the bootsrap tooltip is conflict/overide with the google map.

Whenever i mouse over to the google map marker it will show two times popup and its really annoying.

Bootstrap extension is really awesome and i dont want to remove it.

Example 1 -

It shoudn’t be like this

4995

error1.png

it should be like this ->

4996

error2.png

Example 2 -

It shoudn’t be like this

4997

error3.png

It should be like this ->

4998

error4.png

I am using google visualization map.

Google Visualization

Please give suggestion how to solve this issue.

note :i try to modify the css in Boostrap extension,unfortunately i couldn’t solve it because that particular css class tie with another css class.

Thank you


(Vinoth Mohan97) #2

hello anyone? :unsure: :mellow:


(Shulakove) #3

I have the same problem((


(Dniznick) #4

Put the google map in its own div.

<div id="map_canvas">

Add a css rule with a specific height:

#map_canvas { height: 30em; width: 100%; }

reference:

http://stackoverflow.com/questions/13552257/google-maps-interferring-with-twitter-bootstrap


(Vinoth Mohan97) #5

Hi waitforit,

my actual code is like this,





<div id="map_canvas" style="width: auto; height: 350px"></div>



Then i tried as per u mention.but still no changes.