title: Google Map and Geocomplete at the same Page Does not work
body: <p>I am using a Google Map in a page - with 2 Markers and a the route between those markers. </p>
  
  <p>And there is one GeoComplete also in the page.</p>
  
  <pre><code>&lt;script src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;amp;libraries=places"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>This is the included script for the GeoComplete, </p>
  
  <pre><code>&lt;script src="http://maps.google.com/maps?file=api&amp;amp;v=2&amp;amp;sensor=false" type="text/javascript"&gt;&lt;/script&gt; 
  </code></pre>
  
  <p>This is the included script for the Map. </p>
  
  <p>The problem is , both of that does not work together. When I remove one library, one work, and the other does not. </p>
  
  <p>This is the Geocomplete Code</p>
  
  <pre><code>                $("#point").geocomplete({country: "ARE"})
                  .bind("geocode:result", function(event, result) {
                      $("#latpoint").val(result.geometry.location.ob);
                      $("#longpoint").val(result.geometry.location.pb);
                  });
  </code></pre>
  
  <p>And this is the Map Code</p>
  
  <pre><code>var map = new GMap2(document.getElementById("map"));
         var directions = new GDirections(map);
         var isCreateHeadPoint = true;
         var headMarker, tailMarker;
  
         map.setCenter(new GLatLng(51.50, -0.12), 12);
  
         var point = new google.maps.LatLng(someLat, someLong);  
         headMarker = new GMarker(point); 
         map.addOverlay(headMarker);
         var point = new google.maps.LatLng(SomeotherLat, SomeotherLong);  
         tailMarker = new GMarker(point);
         map.addOverlay(tailMarker);
  
         directions.load("from:SomeLat,SomeLong to:SomeotherLat,SomeotherLong", 
                               { getPolyline: true, getSteps: true }); 
  </code></pre>