From 0a921e96175ae6197b8cf9ba504b08f4ca249b53 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kim=20Lok=C3=B8y?= <kim.lokoy@gmail.com>
Date: Wed, 26 Sep 2012 21:42:59 +0200
Subject: [PATCH] Fixed problem with twitter bootstrap affecting google maps

---
 index.html | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index b465571..9d3a9c6 100644
--- a/index.html
+++ b/index.html
@@ -247,7 +247,9 @@ <h1>Marker</h1>
 								<a class="btn btn-primary" ng-click="setMarkerPosition(currentMarker, currentMarkerLat, currentMarkerLng)">Set Position</a>
 							</div>
 						</div>
-						<div ui-map="myMap" class="span8 map"
+                        <!--Giving the div an id="map_canvas" fix problems with twitter bootstrap affecting
+                        google maps-->
+						<div id="map_canvas" ui-map="myMap" class="span8 map"
 							ui-event="{'map-click': 'addMarker($event)', 'map-zoom_changed': 'setZoomMessage(myMap.getZoom())' }" 
 							ui-options="mapOptions">
 						</div>
@@ -276,7 +278,9 @@ <h3>How?</h3>
   &lt;a ng-click=&quot;setMarkerPosition(currentMarker, currentMarkerLat, currentMarkerLng)&quot;&gt;Set Position&lt;/a&gt;
 &lt;/div&gt;
 
-&lt;div ui-map=&quot;myMap&quot; class=&quot;map&quot;
+&lt;!-- Giving the div an id="map_canvas" fix problems with twitter bootstrap affecting
+google maps --&gt;
+&lt;div id=&quot;map_canvas&quot; ui-map=&quot;myMap&quot; class=&quot;map&quot;
   ui-event=&quot;{&#x27;map-click&#x27;: &#x27;addMarker($event)&#x27;, &#x27;map-zoom_changed&#x27;: &#x27;setZoomMessage(myMap.getZoom())&#x27; }&quot; 
   ui-options=&quot;mapOptions&quot;&gt;
 &lt;/div&gt;