Changeset 6651 for extensions/rv_gmaps/trunk/template/data_handler.js

Timestamp:

Jul 2, 2010, 6:53:40 AM (14 years ago)

Author:

rvelices

Message:

rv_gmaps - start using google.maps JS namespace + upgrade prototype.js

File:

• extensions/rv_gmaps/trunk/template/data_handler.js (modified) (9 diffs)

extensions/rv_gmaps/trunk/template/data_handler.js

@@ -10 +10 @@
                 , opts || {} );
 
-        GEvent.addListener( map, "infowindowclose", function() {map.getInfoWindow().pwgMarker=null;} );
+        google.maps.Event.addListener( map, "infowindowclose", function() {map.getInfoWindow().pwgMarker=null;} );
 }
 
@@ -83 +83 @@
                         {
                                 this._map.removeOverlay( marker );
-                                GEvent.clearListeners(marker, "click" );
-                                GEvent.clearListeners(marker, "dblclick" );
+                                google.maps.Event.clearListeners(marker, "click" );
+                                google.maps.Event.clearListeners(marker, "dblclick" );
                                 this._map.getInfoWindow().pwgMarker = infoWindowMarker = null;
-                                if (document.is_debug) GLog.write('removed marker with infoWindow');
+                                if (document.is_debug) google.maps.Log.write('removed marker with infoWindow');
                                 marker = this._markers.pop();
                         }
@@ -92 +92 @@
                         if (!marker)
                         {
-                                marker = new GMarker( cluster.position, {title:  theTitle, icon: this.options.icon } );
-                                GEvent.addListener( marker, "click", this._onMarkerClick.bind(this, marker) );
-                                GEvent.addListener( marker, "dblclick", this._onMarkerDblClick.bind(this, marker) );
+                                marker = new google.maps.Marker( cluster.position, {title:  theTitle, icon: this.options.icon } );
+                                google.maps.Event.addListener( marker, "click", this._onMarkerClick.bind(this, marker) );
+                                google.maps.Event.addListener( marker, "dblclick", this._onMarkerDblClick.bind(this, marker) );
                                 this._map.addOverlay( marker );
                         }
@@ -144 +144 @@
                 {
                         this._map.removeOverlay( this._markers[i] );
-                        GEvent.clearListeners(this._markers[i], "click" );
-                        GEvent.clearListeners(this._markers[i], "dblclick" );
+                        google.maps.Event.clearListeners(this._markers[i], "click" );
+                        google.maps.Event.clearListeners(this._markers[i], "dblclick" );
                 }
 
@@ -160 +160 @@
         if (this._map.getInfoWindow().pwgMarker == marker )
                 return; // already open
-  var content = "";
-  if ( !marker.currentImageIndex )
-    marker.currentImageIndex = 0;
-  content += '<div class="gmiw_header" style="' + (marker.pwg.images.length>1 ? '': 'display:none')+ '">';
-  content += '<span id="pwgImageCounters">'+this.buildCurrentPictureCounterHtml(marker)+'</span> ';
-  content += '<a href="javascript:void(0);" id="'+this._navHtmlIds[0]+'">';
-  content +=    '<span>'+ "&laquo; " + Localization.get('Prev') + '</span>';
-  content += '</a>';
-  content += " ";
-  content += '<a href="javascript:void(0);" id="'+this._navHtmlIds[1]+'">';
-  content +=    '<span>'+Localization.get('Next') + " &raquo;"+'</span>';
-  content += '</a>';
-  content += " ";
-  var imgShowAll = '';
-  if (this.options.show_all_img_src)
-    imgShowAll = '<img src="'+this.options.show_all_img_src+'" alt="" style="border:0" /> ';
-  content += '<a id="pwgImageBlowup" href="'+marker.pwg.blowup_url+'" onclick="return PwgDataHandler.blowupUrl(this.href);" title='+Localization.getQ('show all pictures around this location')+'>'+
-            imgShowAll+ '<span>'+Localization.get('Show all')+'</span>'+
-          '</a>';
-  content += '</div>';
-  content += '<div id="pwgImageDetail">' + this.buildCurrentPictureHtml( marker ) + '</div>';
-
-  marker.openInfoWindowHtml( content );
-
-  // bind to next / prev a little later because sometimes the nodes are not immediately created
-  if (this._timerBindPictureNavigation) clearTimeout(this._timerBindPictureNavigation);
-  this._timerBindPictureNavigation = null;
-  if (marker.pwg.images.length>1)
-    this._timerBindPictureNavigation = setTimeout( this._onTimeoutBindPictureNavigation.bind(this, marker), 250 );
+        var content = "";
+        if ( !marker.currentImageIndex )
+                marker.currentImageIndex = 0;
+        content += '<div class="gmiw_header" style="' + (marker.pwg.images.length>1 ? '': 'display:none')+ '">';
+        content += '<span id="pwgImageCounters">'+this.buildCurrentPictureCounterHtml(marker)+'</span> ';
+        content += '<a href="javascript:void(0);" id="'+this._navHtmlIds[0]+'">';
+        content +=    '<span>'+ "&laquo; " + Localization.get('Prev') + '</span>';
+        content += '</a>';
+        content += " ";
+        content += '<a href="javascript:void(0);" id="'+this._navHtmlIds[1]+'">';
+        content +=    '<span>'+Localization.get('Next') + " &raquo;"+'</span>';
+        content += '</a>';
+        content += " ";
+        var imgShowAll = '';
+        if (this.options.show_all_img_src)
+                imgShowAll = '<img src="'+this.options.show_all_img_src+'" alt="" style="border:0" /> ';
+        content += '<a id="pwgImageBlowup" href="'+marker.pwg.blowup_url+'" onclick="return PwgDataHandler.blowupUrl(this.href);" title='+Localization.getQ('show all pictures around this location')+'>'+
+                                                imgShowAll+ '<span>'+Localization.get('Show all')+'</span>'+
+                                        '</a>';
+        content += '</div>';
+        content += '<div id="pwgImageDetail">' + this.buildCurrentPictureHtml( marker ) + '</div>';
+
+        marker.openInfoWindowHtml( content );
+
+        // bind to next / prev a little later because sometimes the nodes are not immediately created
+        if (this._timerBindPictureNavigation) clearTimeout(this._timerBindPictureNavigation);
+        this._timerBindPictureNavigation = null;
+        if (marker.pwg.images.length>1)
+                this._timerBindPictureNavigation = setTimeout( this._onTimeoutBindPictureNavigation.bind(this, marker), 250 );
 },
 
 _onMarkerDblClick: function( marker )
 {
-  this._map.setCenter( marker.pwg.bounds.getCenter(), this._map.getBoundsZoomLevel( marker.pwg.bounds ) );
+        this._map.setCenter( marker.pwg.bounds.getCenter(), this._map.getBoundsZoomLevel( marker.pwg.bounds ) );
 },
 
 buildCurrentPictureHtml: function( marker )
 {
-  var imageDetail = marker.pwg.images[marker.currentImageIndex];
-  var res = "";
-  res += '<div class="gmiw_imageTitle">' + imageDetail.name + "</div>";
-  res +=
+        var imageDetail = marker.pwg.images[marker.currentImageIndex];
+        var res = "";
+        res += '<div class="gmiw_imageTitle">' + imageDetail.name + "</div>";
+        res +=
 '<div class="gmiw_imageContent">' +
 '<div class="gmiw_imageWrap">'+
@@ -209 +209 @@
 '<div class="gmiw_imageComment">' + imageDetail.comment + '</div>' +
 '</div>';
-  return res;
+        return res;
 },
 
 buildCurrentPictureCounterHtml: function( marker )
 {
-  var res =
-    '<b>'+(marker.currentImageIndex+1)+'</b>'+
-    '/' +
-    '<b>'+marker.pwg.images.length+'</b>';
-  if (marker.pwg.nb_items>marker.pwg.images.length)
-    res+= " "+Localization.fmt1("out of %d", marker.pwg.nb_items );
-  return res;
+        var res =
+                '<b>'+(marker.currentImageIndex+1)+'</b>'+
+                '/' +
+                '<b>'+marker.pwg.images.length+'</b>';
+        if (marker.pwg.nb_items>marker.pwg.images.length)
+                res+= " "+Localization.fmt1("out of %d", marker.pwg.nb_items );
+        return res;
 },
 
@@ -226 +226 @@
 _onTimeoutBindPictureNavigation: function( marker )
 {
-  clearTimeout(this._timerBindPictureNavigation);
-  this._timerBindPictureNavigation = null;
-  this._map.getInfoWindow().pwgMarker = marker;
-  for (var i=0; i< this._navHtmlIds.length; i++)
-  {
-    var elt = document.getElementById( this._navHtmlIds[i] );
-    if (elt)
-      GEvent.addDomListener(elt, "click", this._onPictureNavigate.bind(this, marker, i) );
-  }
+        clearTimeout(this._timerBindPictureNavigation);
+        this._timerBindPictureNavigation = null;
+        this._map.getInfoWindow().pwgMarker = marker;
+        for (var i=0; i< this._navHtmlIds.length; i++)
+        {
+                var elt = document.getElementById( this._navHtmlIds[i] );
+                if (elt)
+                        google.maps.Event.addDomListener(elt, "click", this._onPictureNavigate.bind(this, marker, i) );
+        }
 },
 
 _onPictureNavigate: function(marker, dir )
 {
-  if (dir==0) dir=-1;
-  marker.currentImageIndex += dir;
-  if (marker.currentImageIndex<0)
-    marker.currentImageIndex = marker.pwg.images.length-1;
-  else if (marker.currentImageIndex >= marker.pwg.images.length)
-    marker.currentImageIndex = 0;
-
-  try {
-    var elt = document.getElementById( "pwgImageDetail" );
-    elt.innerHTML = this.buildCurrentPictureHtml( marker );
-  }
-  catch (e)
-  {
-    alert (e.message);
-  }
-
-  try {
-    var elt = document.getElementById( "pwgImageCounters" );
-    elt.innerHTML = this.buildCurrentPictureCounterHtml( marker );
-  }
-  catch (e)
-  {
-    alert (e.message);
-  }
-  return false;
+        if (dir==0) dir=-1;
+        marker.currentImageIndex += dir;
+        if (marker.currentImageIndex<0)
+                marker.currentImageIndex = marker.pwg.images.length-1;
+        else if (marker.currentImageIndex >= marker.pwg.images.length)
+                marker.currentImageIndex = 0;
+
+        try {
+                var elt = document.getElementById( "pwgImageDetail" );
+                elt.innerHTML = this.buildCurrentPictureHtml( marker );
+        }
+        catch (e)
+        {
+                alert (e.message);
+        }
+
+        try {
+                var elt = document.getElementById( "pwgImageCounters" );
+                elt.innerHTML = this.buildCurrentPictureCounterHtml( marker );
+        }
+        catch (e)
+        {
+                alert (e.message);
+        }
+        return false;
 }
 
@@ -270 +270 @@
 PwgDataHandler.blowupUrl = function(theUrl)
 {
-  var win = new Window({
-    title: document.title,
-    url: theUrl,
-    classname: "alphacube",
-    left: 0, top: 0,
-    width:"640", height:"480",
-    minimizable: false,
-    maximizable: false,
-    draggable: false,
-    resizable: false,
-    destroyOnClose: true,
-    hideEffect: Element.hide,
-    showEffectOptions: {duration:1.5}
-  });
-
-  win.setConstraint(true, {top:20, left:20, bottom:30, right:20} );
-  win.maximize();
-  win.showCenter(true, 20, 20);
-  return false;
+        var win = new Window({
+                title: document.title,
+                url: theUrl,
+                classname: "alphacube",
+                left: 0, top: 0,
+                width:"640", height:"480",
+                minimizable: false,
+                maximizable: false,
+                draggable: false,
+                resizable: false,
+                destroyOnClose: true,
+                hideEffect: Element.hide,
+                showEffectOptions: {duration:1.5}
+        });
+
+        win.setConstraint(true, {top:20, left:20, bottom:30, right:20} );
+        win.maximize();
+        win.showCenter(true, 20, 20);
+        return false;
 }
 
@@ -294 +294 @@
 String.prototype.urlNoHtm = function()
 {
-  return this.replace( "&amp;", "&" );
-}
+        return this.replace( "&amp;", "&" );
+}