s in case we inherit text-align:center from map
in IE.
DragMeasureUtil.style([G.mapCover],
{left: '0px',width: G.mapWidth + 'px', height: G.mapHeight +'px'});
};
/**
* Initializes styles based on global parameters
*/
DragMeasureControl.prototype.initStyles_ = function(){
var G = this.globals;
DragMeasureUtil.style([G.mapCover],
{filter: G.style.alphaIE, opacity: G.style.opacity, background:G.style.fillColor});
//G.outlineDiv.style.border = G.style.border;
};
/**
* Function called when the measure button's click event is captured.
*/
DragMeasureControl.prototype.buttonclick_ = function(){
var G = this.globals;
if (G.mapCover.style.display == 'block') { // reset if clicked before dragging
this.resetDragMeasure_();
this.initCover_();
} else {
this.initCover_();
}
};
/**
* Shows the cover over the map
*/
DragMeasureControl.prototype.initCover_ = function(){
var G = this.globals;
G.mapPosition = DragMeasureUtil.getElementPosition(G.map.getContainer());
this.setDimensions_();
// this.setButtonMode_('measureing');
DragMeasureUtil.style([G.mapCover], {display: 'block', background: G.style.fillColor});
//DragMeasureUtil.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
*/
DragMeasureControl.prototype.getRelPos_ = function(e) {
var pos = DragMeasureUtil.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
*/
//DragMeasureControl.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 measure done
*/
DragMeasureControl.prototype.resetDragMeasure_ = function() {
try
{
var G = this.globals;
try
{
G.map.removeOverlay(G.polyShape);
G.map.removeOverlay(G.polyShapeY);
}
catch (ex) { }
DragMeasureUtil.style([G.mapCover],
{display: 'none', opacity: G.style.opacity, filter: G.style.alphaIE});
G.polyPoints = [];
G.draggingOn == false;
//G.outlineDiv.style.display = 'none';
}
catch (ex)
{
}
// this.setButtonMode_('normal');
};
/* utility functions in DragMeasureUtil.namespace */
var DragMeasureUtil={};
/**
* Alias function for getting element by id
* @param {String} sId
* @return {Object} DOM object with sId id
*/
DragMeasureUtil.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
*/
DragMeasureUtil.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
*/
DragMeasureUtil.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
*/
DragMeasureUtil.style = function(elements, styles){
if (typeof(elements) == 'string') {
elements = DragMeasureUtil.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
*/
DragMeasureUtil.getManyElements = function(idsString){
var idsArray = idsString.split(',');
var elements = [];
for (var i = 0; i < idsArray.length; i++){
elements[elements.length] = DragMeasureUtil.gE(idsArray[i])
};
return elements;
};