jQuery's cluetip plugin : GSearch is not defined
I'm using the following code for creating google map. Now if I load this page through a browser, it loads fine. However, if I call this using the cluetip plugin the map doesn't load. I get this error GSearch is not defined
on both FF and Chrome. Any help will be much appreciated.
Calling Google map using cluetip:
- <a id="ttip_1204" class="jt" rel="ajax/carte.php?id=1204" href="ajax/carte.php?id=1204">See Map</a>
- $(document).ready(function() {
- $('a.jt:eq(0)').cluetip({
- cluetipClass: 'jtip', activation: 'click'
- });
- });
Google map maker:
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <style type="text/css">
- @import url("http://www.google.com/uds/css/gsearch.css");
- @import url("http://www.google.com/uds/solutions/localsearch/gmlocalsearch.css");
- </style>
- <script src="http://maps.google.com/maps?file=api&v=2&hl=fr&key=<?=$key?>" type="text/javascript"></script>
- <script src="http://www.google.com/uds/api?file=uds.js&v=1.0" type="text/javascript"></script>
- <script src="http://www.google.com/uds/solutions/localsearch/gmlocalsearch.js" type="text/javascript"></script>
- <script type="text/javascript" charset="utf-8">
- //<![CDATA[
- function load() {
- if (GBrowserIsCompatible()) {
- var map = new GMap2(document.getElementById("googlemap"));
- var center = new GLatLng(<?=$lat?>,<?=$lng?>);
- var user = '<?=$user?>';
- map.setCenter(center, 16);
- map.addControl(new GLargeMapControl());
- map.addControl(new GMapTypeControl());
- var marker = new GMarker(center);
- map.addOverlay(marker);
- map.addControl(new google.maps.LocalSearch(), new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(10,20)));
- if (user!='') { map.openInfoWindowHtml(marker.getLatLng(), '<br />Zoom sur: <br /><?=$user?>', {maxWidth:265}); }
- }
- }
- GSearch.setOnLoadCallback(load);
- //]]>
- </script>
- </head>
- <body onLoad="load()" onUnload="GUnload()" bgcolor="#F3EED7">
- <div id="googlemap" style="width: <?=$width?>px; height: <?=$height?>px; z-index:2000;"></div>
- </body>
- </html>