javascript - Can the v2 and v3 Google Maps API coexist on the same page? -

Hey, I have a problem / bug when trying to do Google Maps v3 and v2 on the page at the same time .

Uses the API of the main API of our API and by adding some new functionality we decided to use API's v3 because v2 dislikes so i dynamically update v3 version of api Loading in another "tab".

The problem is that if you click on v3 map and then click on v2 map, then v2 map begins to move around the mouse cursor as you clicked to start dragging The mouse button is never released. And basically the bugs do not reload the page until you

this is an example, with simple instructions for how to replicate

The odd thing is that if you first Click on the bar v2 map Click / Play with V3 map, it all works well.

So I tried to "collide" by firing custom click / mousedown events on v2 map when it is loading v2 API

Edit < / Strong>: Note, this is just trying to Opera in Chrome, Firefox, Safari.

I do not think two APIs are for coexistence on the same page. I tried a very basic example, which is your problem. Examined in Chrome 5.0 and Firefox 3.6.6 (both for Mac):

  & lt ;! DOCTYPE html & gt; & Lt; Html & gt; & Lt; Top & gt; & Lt; Meta http-equiv = "content-type" content = "text / html; charset = UTF-8" /> & Lt; Title & gt; On the same page, Google Maps v2 and v3 & lt; / Title & gt; & Lt; Script src = "http://maps.google.com/maps?file=api&v=2&sensor=false" type = "text / javascript" & gt; & Lt; / Script & gt; & Lt; Script src = "http://maps.google.com/maps/api/js?sensor=false" type = "text / javascript" & gt; & Lt; / Script & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Div id = "map_v3" style = "width: 500px; height: 400px;" & Gt; & Lt; / Div & gt; & Lt; Div id = "map_v2" style = "width: 500px; height: 400px; margin-top: 50px;" & Gt; & Lt; / Div & gt; & Lt; Script type = "text / javascript" & gt; Var map3 = new google.maps.Map (document.getElementById ('map_v3'), {zoom: 6, center: new google.maps.LatLng (-41.00, 174.00), map type id: google.maps.MapTypeId.ROADMAP }); Var map2 = new GMAP2 (document.getElementById ('map_v2')); Map2.addControl (new GLargeMapControl3D ()); Map2.setCenter (New GLatLng (-41.00, 174.00), 6); & Lt; / Script & gt; & Lt; / Body & gt; & Lt; / Html & gt;