diff options
Diffstat (limited to 'www/wiki/extensions/Maps/resources/GoogleMaps/geoxml3/ProjectedOverlay.js')
| -rw-r--r-- | www/wiki/extensions/Maps/resources/GoogleMaps/geoxml3/ProjectedOverlay.js | 186 |
1 files changed, 99 insertions, 87 deletions
diff --git a/www/wiki/extensions/Maps/resources/GoogleMaps/geoxml3/ProjectedOverlay.js b/www/wiki/extensions/Maps/resources/GoogleMaps/geoxml3/ProjectedOverlay.js index 4056c2c3..d655ed9e 100644 --- a/www/wiki/extensions/Maps/resources/GoogleMaps/geoxml3/ProjectedOverlay.js +++ b/www/wiki/extensions/Maps/resources/GoogleMaps/geoxml3/ProjectedOverlay.js @@ -13,127 +13,139 @@ // addZoom: Added Zoom factor as a parameter to the imageUrl (include complete parameter, including separater like '?zoom=' // percentOpacity: Default 50, percent opacity to use when the image is loaded 0-100. // id: Default imageUrl, ID of the div +// rotation: default 0, degrees clockwise to rotate the image // - + function ProjectedOverlay(map, imageUrl, bounds, opts) { - google.maps.OverlayView.call(this); - - this.map_ = map; - this.url_ = imageUrl ; - this.bounds_ = bounds ; - this.addZ_ = opts.addZoom || '' ; // Add the zoom to the image as a parameter - this.id_ = opts.id || this.url_ ; // Added to allow for multiple images - this.percentOpacity_ = opts.percentOpacity || 50 ; - - this.setMap(map); + google.maps.OverlayView.call(this); + + this.map_ = map; + this.url_ = imageUrl ; + this.bounds_ = bounds ; + this.addZ_ = opts.addZoom || '' ; // Add the zoom to the image as a parameter + this.id_ = opts.id || this.url_ ; // Added to allow for multiple images + this.percentOpacity_ = opts.percentOpacity || 50 ; + this.rotation_ = opts.rotation || 0; + this.setMap(map); } ProjectedOverlay.prototype = new google.maps.OverlayView(); ProjectedOverlay.prototype.createElement = function() { - var panes = this.getPanes() ; - var div = this.div_ ; - - if (!div) - { - div = this.div_ = document.createElement("div"); - div.style.position = "absolute" ; - div.setAttribute('id',this.id_) ; - this.div_ = div ; - this.lastZoom_ = -1 ; - if( this.percentOpacity_ ) - { - this.setOpacity(this.percentOpacity_) ; - } - panes.overlayLayer.appendChild(div); - } + var panes = this.getPanes() ; + var div = this.div_ ; + + if (!div) + { + div = this.div_ = document.createElement("div"); + div.style.position = "absolute" ; + div.setAttribute('id',this.id_) ; + this.div_ = div ; + this.lastZoom_ = -1 ; + if( this.percentOpacity_ ) + { + this.setOpacity(this.percentOpacity_) ; + } + if ( this.rotation_ ) + { + this.setRotation(this.rotation_) ; + } + panes.overlayLayer.appendChild(div); + } } // Remove the main DIV from the map pane ProjectedOverlay.prototype.remove = function() { - if (this.div_) - { - this.div_.parentNode.removeChild(this.div_); - this.div_ = null; - this.setMap(null); - } + if (this.div_) + { + this.div_.parentNode.removeChild(this.div_); + this.div_ = null; + this.setMap(null); + } } // Redraw based on the current projection and zoom level... ProjectedOverlay.prototype.draw = function(firstTime) { - // Creates the element if it doesn't exist already. + // Creates the element if it doesn't exist already. + + this.createElement(); - this.createElement(); + if (!this.div_) + { + return ; + } - if (!this.div_) - { - return ; - } + var c1 = this.get('projection').fromLatLngToDivPixel(this.bounds_.getSouthWest()); + var c2 = this.get('projection').fromLatLngToDivPixel(this.bounds_.getNorthEast()); - var c1 = this.get('projection').fromLatLngToDivPixel(this.bounds_.getSouthWest()); - var c2 = this.get('projection').fromLatLngToDivPixel(this.bounds_.getNorthEast()); + if (!c1 || !c2) return; - if (!c1 || !c2) return; + // Now position our DIV based on the DIV coordinates of our bounds - // Now position our DIV based on the DIV coordinates of our bounds + this.div_.style.width = Math.abs(c2.x - c1.x) + "px"; + this.div_.style.height = Math.abs(c2.y - c1.y) + "px"; + this.div_.style.left = Math.min(c2.x, c1.x) + "px"; + this.div_.style.top = Math.min(c2.y, c1.y) + "px"; - this.div_.style.width = Math.abs(c2.x - c1.x) + "px"; - this.div_.style.height = Math.abs(c2.y - c1.y) + "px"; - this.div_.style.left = Math.min(c2.x, c1.x) + "px"; - this.div_.style.top = Math.min(c2.y, c1.y) + "px"; + var url = this.url_ ; - // Do the rest only if the zoom has changed... - - if ( this.lastZoom_ == this.map_.getZoom() ) - { - return ; - } + if ( this.addZ_ ) + { + url += this.addZ_ + this.map_.getZoom() ; + } - this.lastZoom_ = this.map_.getZoom() ; + this.div_.innerHTML = '<img src="' + url + '" width=' + this.div_.style.width + ' height=' + this.div_.style.height + ' >' ; - var url = this.url_ ; + // Do the rest only if the zoom has changed... - if ( this.addZ_ ) - { - url += this.addZ_ + this.map_.getZoom() ; - } + if ( this.lastZoom_ == this.map_.getZoom() ) + { + return ; + } - this.div_.innerHTML = '<img src="' + url + '" width=' + this.div_.style.width + ' height=' + this.div_.style.height + ' >' ; + this.lastZoom_ = this.map_.getZoom() ; } ProjectedOverlay.prototype.setOpacity=function(opacity) { - if (opacity < 0) - { - opacity = 0 ; - } - if(opacity > 100) - { - opacity = 100 ; - } - var c = opacity/100 ; - - if (typeof(this.div_.style.filter) =='string') - { - this.div_.style.filter = 'alpha(opacity:' + opacity + ')' ; - } - if (typeof(this.div_.style.KHTMLOpacity) == 'string' ) - { - this.div_.style.KHTMLOpacity = c ; - } - if (typeof(this.div_.style.MozOpacity) == 'string') - { - this.div_.style.MozOpacity = c ; - } - if (typeof(this.div_.style.opacity) == 'string') - { - this.div_.style.opacity = c ; - } + if (opacity < 0) + { + opacity = 0 ; + } + if(opacity > 100) + { + opacity = 100 ; + } + var c = opacity/100 ; + + if (typeof(this.div_.style.filter) =='string') + { + this.div_.style.filter = 'alpha(opacity:' + opacity + ')' ; + } + if (typeof(this.div_.style.KHTMLOpacity) == 'string' ) + { + this.div_.style.KHTMLOpacity = c ; + } + if (typeof(this.div_.style.MozOpacity) == 'string') + { + this.div_.style.MozOpacity = c ; + } + if (typeof(this.div_.style.opacity) == 'string') + { + this.div_.style.opacity = c ; + } +} +ProjectedOverlay.prototype.setRotation=function(deg) +{ + this.div_.style.webkitTransform = 'rotate('+deg+'deg)'; + this.div_.style.mozTransform = 'rotate('+deg+'deg)'; + this.div_.style.msTransform = 'rotate('+deg+'deg)'; + this.div_.style.oTransform = 'rotate('+deg+'deg)'; + this.div_.style.transform = 'rotate('+deg+'deg)'; } - |