/**
* Custom map controls.
* Middle control ( best fit: Kaart )
* @param oMap Map object
* @param sText Text on the button
**/
var Control_grey_center = function(oMap, sText) { this.oMap = oMap; this.sText = sText; };
Control_grey_center.prototype = new GControl(true, false);
Control_grey_center.prototype.initialize = function () {
var oContainer = document.createElement("div");
oContainer.innerHTML = "" + this.sText + "";
oContainer.id = "Control_grey_kaart";
oContainer.style.width = "56px";
oContainer.style.verticalAlign = "middle";
oContainer.style.fontSize = "12px";
oContainer.style.height = "25px";
oContainer.style.textAlign = "center";
oContainer.style.cursor = "pointer";
oContainer.style.fontWeight = "bold";
oContainer.style.overflow = "hidden";
oContainer.style.backgroundImage = "url('"+ sBaseUrl + "GeoStart/images/controls/grey/center_btn.gif')";
/** Make bold when clicked **/
GEvent.addDomListener(oContainer, 'click', function(){
oGeoStart.oMap.enableContinuousZoom();
oGeoStart.oMap.setMapType(G_NORMAL_MAP);
oContainer.style.fontWeight = 'bold';
document.getElementById('Control_grey_satelliet').style.fontWeight = 'normal';
document.getElementById('Control_grey_history').style.fontWeight = 'normal';
});
this.oMap.getContainer().appendChild(oContainer);
return oContainer;
}
Control_grey_center.prototype.getDefaultPosition = function () {
return new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(100,10));
};
var Control_grey_center_left = function(oMap, sText) { this.oMap = oMap; this.sText = sText; };
Control_grey_center_left.prototype = new GControl(true, false);
Control_grey_center_left.prototype.initialize = function () {
var oContainer = document.createElement("div");
oContainer.innerHTML = "" + this.sText + "";
oContainer.id = "Control_grey_history";
oContainer.style.width = "70px";
oContainer.style.verticalAlign = "middle";
oContainer.style.fontSize = "12px";
oContainer.style.height = "25px";
oContainer.style.textAlign = "center";
oContainer.style.overflow = "hidden";
oContainer.style.cursor = "pointer";
oContainer.style.fontWeight = "normal";
oContainer.style.borderRight = "1px solid #666";
oContainer.style.backgroundImage = "url('"+ sBaseUrl + "GeoStart/images/controls/grey/center_btn.gif')";
/** Make bold when clicked **/
GEvent.addDomListener(oContainer, 'click', function(){
oGeoStart.oMap.disableContinuousZoom();
oGeoStart.oMap.setMapType(G_DENHAAG_HYBRID);
oGeoStart.oMap.setCenter(new GLatLng('52.076710232834756', '4.313077926635742'), 14);
oMenu.toggleAll(false);
oContainer.style.fontWeight = 'bold';
document.getElementById('Control_grey_satelliet').style.fontWeight = 'normal';
document.getElementById('Control_grey_kaart').style.fontWeight = 'normal';
});
this.oMap.getContainer().appendChild(oContainer);
return oContainer;
}
Control_grey_center_left.prototype.getDefaultPosition = function () {
return new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(156,10));
};
/**
* Custom map controls.
* Right control ( best fit Satelliet )
* @param oMap Map object
* @param sText Text on the button
**/
var Control_grey_right = function(oMap, sText) { this.oMap = oMap; this.sText = sText; };
Control_grey_right.prototype = new GControl(true, false);
Control_grey_right.prototype.initialize = function () {
var oContainer = document.createElement("div");
oContainer.innerHTML = "" + this.sText + "";
oContainer.id = "Control_grey_satelliet";
oContainer.style.width = "70px";
oContainer.style.verticalAlign = "middle";
oContainer.style.fontSize = "12px";
oContainer.style.height = "25px";
oContainer.style.textAlign = "center";
oContainer.style.overflow = "hidden";
oContainer.style.cursor = "pointer";
oContainer.style.backgroundImage = "url('"+ sBaseUrl + "GeoStart/images/controls/grey/right_btn.gif')";
/** Make bold when clicked **/
GEvent.addDomListener(oContainer, 'click', function(){
oGeoStart.oMap.enableContinuousZoom();
oGeoStart.oMap.setMapType(G_SATELLITE_MAP);
oContainer.style.fontWeight = 'bold';
document.getElementById('Control_grey_kaart').style.fontWeight = 'normal';
document.getElementById('Control_grey_history').style.fontWeight = 'normal';
});
this.oMap.getContainer().appendChild(oContainer);
return oContainer;
}
Control_grey_right.prototype.getDefaultPosition = function () {
return new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(30,10));
};
/**
* Custom map controls.
* Left control ( Created for: "Help" )
* @param oMap Map object
* @param sText Text on the button
**/
var Control_grey_left = function(oMap, sText) { this.oMap = oMap; this.sText = sText; };
Control_grey_left.prototype = new GControl(true, false);
Control_grey_left.prototype.initialize = function () {
var oContainer = document.createElement("div");
oContainer.innerHTML = "" + this.sText + "";
oContainer.id = "Control_grey_help";
oContainer.style.width = "54px";
oContainer.style.overflow = "hidden";
oContainer.style.verticalAlign = "middle";
oContainer.style.fontSize = "12px";
oContainer.style.height = "25px";
oContainer.style.textAlign = "center";
oContainer.style.cursor = "pointer";
oContainer.style.backgroundImage = "url('"+ sBaseUrl + "GeoStart/images/controls/grey/left_btn.gif')";
/** Onclick function **/
GEvent.addDomListener(oContainer, 'click', function(){ toggleHelp();});
this.oMap.getContainer().appendChild(oContainer);
return oContainer;
}
Control_grey_left.prototype.getDefaultPosition = function () {
return new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(226,10));
};
/**
* Custom map controls.
* Zoom and Pan controls
**/
var Control_grey_panzoom = function(oMap, sText) { this.oMap = oMap;};
Control_grey_panzoom.prototype = new GControl(true, false);
Control_grey_panzoom.prototype.initialize = function () {
var oContainer = document.createElement("div");
oContainer.id = "Control_grey_pan";
oContainer.style.width = '56px';
oContainer.style.height = '100px';
oContainer.style.backgroundImage= "url('"+ sBaseUrl + "GeoStart/images/controls/greycenter/zoom_control.gif')";
var oUp = document.createElement("div");
var oRight = document.createElement("div");
var oDown = document.createElement("div");
var oLeft = document.createElement("div");
var oZoomin = document.createElement("div");
var oZoomout = document.createElement("div");
var oCenter = document.createElement("div");
oUp.style.cssText = 'display:block;width:16px;height:16px;cursor:pointer;margin-left:19px;';
oLeft.style.cssText = 'display:block;width:16px;height:16px;cursor:pointer;margin-top:3px;float:left;';
oCenter.style.cssText = 'display:block;width:16px;height:16px;cursor:pointer;float:left;margin:3px 0 0 3px;';
oRight.style.cssText = 'display:block;width:16px;height:16px;cursor:pointer;float:left;margin:3px 0 0 3px';
oDown.style.cssText = 'display:block;width:16px;height:18px;cursor:pointer;clear: both;margin: 3px 0 0 19px;';
oZoomin.style.cssText = 'display:block;width:16px;height:16px;cursor:pointer;margin: 9px 0 0 19px;';
oZoomout.style.cssText = 'display:block;width:16px;height:16px;cursor:pointer;margin: 3px 0 0 19px;';
GEvent.addDomListener(oUp, 'click', function(){ oGeoStart.oMap.panDirection(0,1)});
GEvent.addDomListener(oLeft, 'click', function(){ oGeoStart.oMap.panDirection(1,0);});
GEvent.addDomListener(oRight, 'click', function(){ oGeoStart.oMap.panDirection(-1,0);});
GEvent.addDomListener(oDown, 'click', function(){ oGeoStart.oMap.panDirection(0,-1);});
GEvent.addDomListener(oZoomin, 'click', function(){ oGeoStart.oMap.zoomIn();});
GEvent.addDomListener(oZoomout, 'click', function(){ oGeoStart.oMap.zoomOut();});
GEvent.addDomListener(oCenter, 'click', function(){
oGeoStart.oMap.setCenter( new GLatLng(parseFloat(oSettings.map_default_center_lat), parseFloat(oSettings.map_default_center_lng)), parseInt(oSettings.map_default_zoom));
});
oContainer.appendChild(oUp);
oContainer.appendChild(oLeft);
oContainer.appendChild(oCenter);
oContainer.appendChild(oRight);
oContainer.appendChild(oDown);
oContainer.appendChild(oZoomin);
oContainer.appendChild(oZoomout);
this.oMap.getContainer().appendChild(oContainer);
return oContainer;
}
Control_grey_panzoom.prototype.getDefaultPosition = function () {
return new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(10,10));
};