s in case we inherit text-align:center from map
in IE.
DragZoomInUtil.style([G.mapCover, G.cornerTopDiv, G.cornerRightDiv, G.cornerBottomDiv, G.cornerLeftDiv],
{left: '0px',width: G.mapWidth + 'px', height: G.mapHeight +'px'});
};
/**
* Initializes styles based on global parameters
*/
DragZoomInControl.prototype.initStyles_ = function(){
var G = this.globals;
DragZoomInUtil.style([G.mapCover, G.cornerTopDiv, G.cornerRightDiv, G.cornerBottomDiv, G.cornerLeftDiv],
{filter: G.style.alphaIE, opacity: G.style.opacity, background:G.style.fillColor});
G.outlineDiv.style.border = G.style.border;
};
/**
* Function called when the zoom button's click event is captured.
*/
DragZoomInControl.prototype.buttonclick_ = function(){
var G = this.globals;
if (G.mapCover.style.display == 'block') { // reset if clicked before dragging
this.resetDragZoomIn_();
} else {
this.initCover_();
}
};
/**
* Shows the cover over the map
*/
DragZoomInControl.prototype.initCover_ = function(){
var G = this.globals;
G.mapPosition = DragZoomInUtil.getElementPosition(G.map.getContainer());
this.setDimensions_();
// this.setButtonMode_('zooming');
DragZoomInUtil.style([G.mapCover], {display: 'block', background: G.style.fillColor});
DragZoomInUtil.style([G.outlineDiv], {width: '0px', height: '0px'});
//invoke callback if provided
if(G.callbacks['buttonclick'] != null){
G.callbacks.buttonclick();
}
};
/**
* Gets position of the mouse relative to the map
* @param {Object} e
*/
DragZoomInControl.prototype.getRelPos_ = function(e) {
var pos = DragZoomInUtil.getMousePosition(e);
var G = this.globals;
return {top: (pos.top - G.mapPosition.top),
left: (pos.left - G.mapPosition.left)};
};
/**
* Figures out the rectangle the user's trying to draw
* @param {Number} startX
* @param {Number} startY
* @param {Object} pos
* @param {Number} ratio
* @return {Object} Describes the rectangle
*/
DragZoomInControl.prototype.getRectangle_ = function(startX, startY, pos, ratio){
var left = false;
var top = false;
var dX = pos.left - startX;
var dY = pos.top - startY;
if (dX < 0) {
dX = dX * -1;
left = true;
}
if (dY < 0) {
dY = dY * -1;
top = true;
}
delta = dX > dY ? dX : dY;
//alper aşağıdaki değerleri değiştirdi.
return {
startX: startX,
startY: startY,
endX: startX + dX,
endY: startY + dY,
width: dX,
height: dY,
left:left,
top:top
}
};
/**
* Resets CSS and button display when drag zoom done
*/
DragZoomInControl.prototype.resetDragZoomIn_ = function() {
var G = this.globals;
DragZoomInUtil.style([G.mapCover, G.cornerTopDiv, G.cornerRightDiv, G.cornerBottomDiv, G.cornerLeftDiv],
{display: 'none', opacity: G.style.opacity, filter: G.style.alphaIE});
G.outlineDiv.style.display = 'none';
// this.setButtonMode_('normal');
};
/* utility functions in DragZoomInUtil.namespace */
var DragZoomInUtil={};
/**
* Alias function for getting element by id
* @param {String} sId
* @return {Object} DOM object with sId id
*/
DragZoomInUtil.gE = function(sId) {
return document.getElementById(sId);
}
/**
* A general-purpose function to get the absolute position
* of the mouse.
* @param {Object} e Mouse event
* @return {Object} Describes position
*/
DragZoomInUtil.getMousePosition = function(e) {
var posX = 0;
var posY = 0;
if (!e) var e = window.event;
if (e.pageX || e.pageY) {
posX = e.pageX;
posY = e.pageY;
} else if (e.clientX || e.clientY){
posX = e.clientX +
(document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
posY = e.clientY +
(document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
}
return {left: posX, top: posY};
};
/**
* Gets position of element
* @param {Object} element
* @return {Object} Describes position
*/
DragZoomInUtil.getElementPosition = function(element) {
var leftPos = element.offsetLeft; // initialize var to store calculations
var topPos = element.offsetTop; // initialize var to store calculations
var parElement = element.offsetParent; // identify first offset parent element
while (parElement != null ) { // move up through element hierarchy
leftPos += parElement.offsetLeft; // appending left offset of each parent
topPos += parElement.offsetTop;
parElement = parElement.offsetParent; // until no more offset parents exist
}
return {left: leftPos, top: topPos};
};
/**
* Applies styles to DOM objects
* @param {String/Object} elements Either comma-delimited list of ids
* or an array of DOM objects
* @param {Object} styles Hash of styles to be applied
*/
DragZoomInUtil.style = function(elements, styles){
if (typeof(elements) == 'string') {
elements = DragZoomInUtil.getManyElements(elements);
}
for (var i = 0; i < elements.length; i++){
for (var s in styles) {
elements[i].style[s] = styles[s];
}
}
};
/**
* Gets DOM elements array according to list of IDs
* @param {String} elementsString Comma-delimited list of IDs
* @return {Array} Array of DOM elements corresponding to s
*/
DragZoomInUtil.getManyElements = function(idsString){
var idsArray = idsString.split(',');
var elements = [];
for (var i = 0; i < idsArray.length; i++){
elements[elements.length] = DragZoomInUtil.gE(idsArray[i])
};
return elements;
};