Even geduld a.u.b. zoekresultaten worden opgehaald..
');
aHtml.push('Den Haag op de Kaart
'); aHtml.push('Den Haag op de kaart wijst u de weg langs meer dan 2.000 locaties waaronder musea, sportverenigingen, scholen, stadsdeelkantoren, ziekenhuizen etc.
'); aHtml.push('');
aHtml.push('
');
aHtml.push('Direct naar een stadsdeel
'); aHtml.push('- ');
aHtml.push('
Centrum ');
aHtml.push('- Haagse Hout ');
aHtml.push('
- Leidschenveen - Ypenburg ');
aHtml.push('
- Scheveningen ');
aHtml.push('
- ');
aHtml.push('
- Escamp ');
aHtml.push('
- Laak ');
aHtml.push('
- Loosduinen ');
aHtml.push('
- Segbroek ');
aHtml.push('
Hoe werkt het?
Gebruik het menu aan de linkerzijde om rubrieken te selecteren. Versleep de kaart met uw muis en gebruik de zoomfunctie om Den Haag te doorkruisen. Zoekt u iets specifieks? Gebruik dan de zoekfunctie links bovenin uw scherm. Voor nadere instructie kunt u de helpfunctie raadplegen.
";
this.oHeaders[k]['header'].style.borderTop = "1px solid #D9D9D9";
//this.oHeaders[k].action();
}
}
}
};
/**
* @deprecated Was niet mooi.
* @private
**/
this.initMenuGroup = function(){
this.oHeaders = {};
this.oHeaders = { 'rubrieken': {'menu': oGeoStart.util.getElementById('locaties-content'),
'header': oGeoStart.util.getElementById('locaties-header'),
'action': function(){ oMenu.toggleAll(true); oGeoStart.oRoutes.hide(); }},
'routes': {'menu': oGeoStart.util.getElementById('GeoDirections'),
'header': oGeoStart.util.getElementById('routes-header'),
'action': function(){ oMenu.toggleAll(false); oGeoStart.oRoutes.show(); }}
};
};
/************************************************
* *
* Menu checkbox functions *
* *
************************************************/
/**
* Toggle a category. Send appropiate commands to cMapObjects
* @param iId id of cateogry
* @param bDisplay Display or hide
**/
this.toggleCategory = function(iId, bDisplay){
this.setCbState('sg', iId, bDisplay);
if ( bDisplay ) { oGeoStart.showCategory(iId);
} else { oGeoStart.hideCategory(iId); }
};
/**
* Handle click of open HG. If currently closed, make sure the markers become visible.
* @param iId hoofdgroep id
* @private
**/
this.handleOpenHg = function(iId){
if(oSettings.enable_display_on_open === true) {
var sResult = oGeoStart.util.getElementById('mainCats_item_'+iId).className.indexOf('closed');
if ( sResult != -1 ) {
this.toggleParent(iId, true);
}
}
};
this.handleOpenSg = function(iHg, iSg) {
var sResult = oGeoStart.util.getElementById('subCats_item_'+iSg).className.indexOf('closed');
if(sResult != -1){
if(oSettings.enable_display_on_open === true) {
oGeoStart.util.getElementById('GeoMenu_sg_cb_'+iSg).checked = true;
oMenu.closeSubs(iHg, iSg);
oMenu.toggleCategory(iSg, true);
}
oMenu.toggleDisplay('subCats_item_' + iSg, true);
} else {
oMenu.toggleDisplay('subCats_item_' + iSg, false);
}
};
/**
* Toggle parent category.
* @param iId Hoofdgroep id
* @param bDisplay Show or hide
* @private
**/
this.toggleParent = function(iId, bDisplay){
var aInfo = [];
this.setCbState('hg', iId, bDisplay);
for ( var k in this.oTree[iId] ) {
if(typeof(this.oTree[iId][k]) != 'function'){
this.setCbState('sg', k, bDisplay);
aInfo.push(k);
}
}
this.setChildCheckboxes('mainCats_item_' + iId, bDisplay);
if ( bDisplay ){
oGeoStart.showCategoryGroup(aInfo);
} else {
oGeoStart.hideCategoryGroup(aInfo);
}
};
/**
* Set all child checkboxes of hoofdmenu iId
* @param iId Hoofdgroep id
* @param bDisplay Show or hide
* @privata
* @private
**/
this.setChildCheckboxes = function(iId, bState){
var aChildren = oGeoStart.util.getElementById(iId).getElementsByTagName('input');
var i = aChildren.length;
while ( i-- ){
aChildren[i].checked = bState;
oMenu.oStateCB[aChildren[i].id] = bState;
}
};
this.fillCbState = function(){
var aChildren = oGeoStart.util.getElementById('locaties-content').getElementsByTagName('input');
var i = aChildren.length;
while ( i-- ){
oMenu.oStateCB[aChildren[i].id] = aChildren[i].checked;
}
}
/**
* Save checkbox state
* @private
**/
this.setCbState = function(sG, iId, bChecked){
var bPrevious = oMenu.oStateCB['GeoMenu_' + sG + '_cb_' + iId];
oMenu.oStateCB['GeoMenu_' + sG + '_cb_' + iId] = bChecked;
if ( sG == 'sg' ) {
oMenu.oStateCategory[iId] = bChecked;
if ( bPrevious != bChecked ) {
oGeoStart.loadObjects();
}
}
};
/**
* Load checkboxes state into menu.
**/
this.loadCbState = function(){
var aChildren = this.oMenuElement.getElementsByTagName('input');
var i = aChildren.length;
while ( i-- ){
if ( oMenu.oStateCB[aChildren[i].id] == false ) {
aChildren[i].checked = false;
} else {
aChildren[i].checked = true;
}
}
};
/**
* Toggle all items.
* @param sClick What was clicked. Used to check if you click a checkbox, to fix a bug.
**/
this.toggleAll = function(sClick){
var sClick = sClick || '';
var eCb = oGeoStart.util.getElementById('toggleAll');
/*Close ExtInfoWindow if the object exists*/
if(oGeoStart.oMap.getExtInfoWindow()){
oGeoStart.oMap.getExtInfoWindow().remove();
}
if ( eCb.type == 'checkbox' ) {
if ( sClick != 'input' ) {
eCb.checked = !eCb.checked;
}
bState = eCb.checked;
} else {
bState = sClick;
if ( sClick ) {
oGeoStart.util.getElementById('toggleOff').className = 'off toggle';
oGeoStart.util.getElementById('toggleOn').className = 'on toggle';
} else {
oGeoStart.util.getElementById('toggleOff').className = 'on toggle';
oGeoStart.util.getElementById('toggleOn').className = 'off toggle';
}
}
this.oStateCB['toggleAll'] = bState;
this.setChildCheckboxes(this.oMenuElement.id, bState);
for ( var k in this.oTree ) {
if(typeof(this.oTree[k])!='function'){
for ( var i in this.oTree[k] ) {
if(typeof(this.oTree[k][i])!='function'){
this.oStateCategory[i] = bState;
}
}
}
}
oGeoStart.setAll( bState );
oGeoStart.loadObjects();
};
/*************************************************
* *
* List items functions *
* *
*************************************************/
/**
* Get list of all items in the cateogriy
* @param iCategory Category to get the list from
* @param iPage Page of the list, defaults to 1.
**/
this.getItemList = function(iCategory, iPage){
var iPage = iPage || 1;
if(oGeoStart.oCrossSiteProxy){
oGeoStart.oCrossSiteProxy.load('oMenu.showItemList', sBaseUrl + "GeoStart/ajax/getCategoryItems.php?category="+iCategory+"&iPage="+iPage);
oGeoStart.oCrossSiteProxy.call(oMenu.showItemList);
} else {
GDownloadUrl(sBaseUrl + "GeoStart/ajax/getCategoryItems.php?category="+iCategory+"&iPage="+iPage, oMenu.showItemList);
}
};
/**
* Get list of all sport accommedaties
* @param iCategory Sport to get the list from
* @param iPage Page of the list, defaults to 1.
**/
this.getSportList = function(iCategory, iPage){
var iPage = iPage || 1;
if(oGeoStart.oCrossSiteProxy){
oGeoStart.oCrossSiteProxy.load('oMenu.showSportItemList', sBaseUrl + "GeoStart/ajax/getSportItems.php?sport="+iCategory+"&iPage="+iPage);
oGeoStart.oCrossSiteProxy.call(oMenu.showItemList);
} else {
GDownloadUrl(sBaseUrl + "GeoStart/ajax/getSportItems.php?sport="+iCategory+"&iPage="+iPage, oMenu.showItemList);
}
};
/**
* Show category item list
* @param aData array with data from json request {@link cMenu#getSportList}
**/
this.showItemList = function(aData){
oGeoStart.oMenuEffects.openInfoPane();
aJSON = eval("("+aData+")");
/*
if ( iPage == 1 && typeof(aJSON.sport_titel) == 'undefined' ) {
pageHit(sBaseUrl + 'portaal/' + aInfo[0].hg_key + '/' + aInfo[0].sg_key );
}
*/
oGeoStart.util.getElementById('listWrap').innerHTML = aJSON.html;
//oGeoStart.util.getElementById('tabTitleText').innerHTML = aJSON.sTitel;
//swap('tab', true);
//oGeoStart.util.getElementById('iMarkerId').value = '';
//oGeoStart.util.getElementById('iCatId').value = aInfo[i-1].sg_id;
setInfoPaneContent('list');
//return;
};
/**
* Load the hoofdgroep (open and toggle display)
**/
this.setPortal = function(){
pageHit();
this.toggleAll();
if ( this.iRubriek > 0 ) {
this.toggleDisplay("mainCats_item_" + this.iPortal );
this.toggleDisplay("subCats_item_" + this.iRubriek );
oGeoStart.util.getElementById('GeoMenu_sg_cb_'+ this.iRubriek).checked=true;
this.toggleCategory(this.iRubriek, true);
} else {
this.toggleParent(this.iPortal, true);
this.toggleDisplay("mainCats_item_" + this.iPortal );
}
this.iPortal = 0;
this.iRubriek = 0;
};
/**
* Create a PIPE seperated string to send to getData.php to only load the markers that should be shown.
**/
this.getCheckBoxDataString = function(){
if ( !this.oCheckBoxes ) {
this.oCheckBoxes = this.oMenuItemsElement.getElementsByTagName('input');
}
var i= this.oCheckBoxes.length;
var aOnBoxes = [];
while ( i-- ) {
if ( this.oCheckBoxes[i].checked ) {
if ( this.oCheckBoxes[i].id.indexOf('GeoMenu_sg_cb_') != -1 ) {
aOnBoxes.push(this.oCheckBoxes[i].id.substring(14));
}
}
}
return aOnBoxes.join('|');
};
/**
* Create an array with all the opened subcats
**/
this.getVisibleSubCats = function(){
if ( !this.oCheckBoxes ) {
this.oCheckBoxes = this.oMenuItemsElement.getElementsByTagName('input');
}
var i= this.oCheckBoxes.length;
var aOnBoxes = [];
while ( i-- ) {
if ( this.oCheckBoxes[i].checked ) {
if ( this.oCheckBoxes[i].id.indexOf('GeoMenu_sg_cb_') != -1 ) {
aOnBoxes.push(this.oCheckBoxes[i].id.substring(14));
}
}
}
return aOnBoxes;
};
};/**
* Menu effects.
* Events: slideend
*/
function cMenuEffects(sMenuContainerId) {
this.speed = 2;
this.speedHorizontal = 2;
this.iTabTimer = 2;
this.timerHorizontal = 2;
this.oMenuContainer = oGeoStart.util.getElementById(sMenuContainerId);
this.oMenuHeaders = this.oMenuContainer.getElementsByTagName("dt");
this.oMenuContents = this.oMenuContainer.getElementsByTagName("dd");
this.oMenuHandle = oGeoStart.util.getElementById("menuHandle");
this.oMapDiv = oGeoStart.util.getElementById("geoMapContainer");
this.iMenuHeight = this.oMenuContainer.clientHeight;
this.iTabs = this.oMenuHeaders.length;
this.bForceNoClose = false;
this.oInfoPane = oGeoStart.util.getElementById("infoPane");
this.oInfoPaneContent = oGeoStart.util.getElementById("infoPaneContent");
this.oInfoPaneHandle = oGeoStart.util.getElementById("infoPane_img");
for(i=0; i
LET OP! ![sluiten](" + sBaseUrl + "GeoStart/images/ballon/ballon_close.gif)
Verminder het aantal geselecteerd rubrieken onder Locaties of zoom in.
Kopieer de code om deze kaart in uw website te gebruiken.
"; oContainer.id = "copy_map_control"; oContainer.style.width = "200px"; oContainer.style.overflow = "hidden"; oContainer.style.verticalAlign = "middle"; oContainer.style.fontSize = "11px"; oContainer.style.height = "120px"; oContainer.style.padding = "5px"; oContainer.style.textAlign = "left"; oContainer.style.position = "absolute"; oContainer.style.left = '10px'; oContainer.style.top = '31px'; oContainer.style.display = 'block'; oContainer.className = 'sprite-no-repeat-left'; //oContainer.style.backgroundPosition = 'right -495px'; oContainer.style.border = "1px solid #e4e4e4"; oContainer.style.backgroundColor='white'; //oContainer.style.backgroundImage = "url('"+ sBaseUrl + "GeoStart/images/controls/mapMenuBackground.gif')"; this.oContainer = oContainer; oGeoStart.util.getElementById('content').appendChild(oContainer); } Copy_Map_Control.prototype.toggle = function(){ if(this.oContainer.style.display == "block"){ this.oContainer.style.display = "none"; } else { oGeoStart.util.getElementById('mapmaker_embed_code').innerHTML = this.getEmbedCode(); this.oContainer.style.display = "block"; } } Copy_Map_Control.prototype.getEmbedCode = function(){ var sKey = false; var iWidth = false; var iHeight = false; try { sKey = window.parent.oGeoStart.oNewMapMaker.sKey; iWidth = window.parent.oGeoStart.oNewMapMaker.iWidth; iHeight= window.parent.oGeoStart.oNewMapMaker.iHeight; } catch (e) { } if(sKey === false){ sKey = oSettings.sMapMaker; iWidth = oSettings.breedte; iHeight= oSettings.hoogte; } return oGeoStart.oNewMapMaker.getEmbedCode(sKey, iWidth, iHeight); } /** * Preloader class. * .init(oMap) * .updateLoader(iMax, iCurrent) * .remove() * @class cPreloader Voorgang contol op de kaart, hoeveel is geladen e.d. **/ function cPreloader(){ /** * Init the preloader. Create a Control on the map. * Loader: geo_preloader_container * Info: geo_preloader * @param oMap GMap2 object * @param iWidth How width should it be **/ this.init = function(oMap, iWidth){ this._iWidth = iWidth || 176; this._oMap = oMap; // GMap2 reference this._oControl = new LoaderControl(oMap, iWidth); // Control object reference this._oMap.addControl(this._oControl); // Load control into map this._oDiv = oGeoStart.util.getElementById('preloader'); // Preloader DIV this._oText = oGeoStart.util.getElementById('geo_preloader_text'); // Preloader text DIV this._oContainer = oGeoStart.util.getElementById('geo_preloader_container'); // Preloader container this._sLoadstring = oSettings._sLoadString; // String for when loading ( before counter ) this._iOperations = 0; this._iCurrent = 0; this.oInterval = false; this.blockTimeout = false; }; /** * Start preloader * @param int iOperations Counter for the amount of operations that will be executed. **/ this.start = function(iOperations) { this._iOperations = iOperations || 0; if(this._iOperations == 0 ) { return; } this._iCurrent = 0; this.blockTimeout = setTimeout('oGeoStart.oPreloader.showElement();', 200); this._oText.innerHTML = this._sLoadstring; this.oInterval = setInterval('oGeoStart.oPreloader.updateLoader(1);', 10); }; this.showElement = function(){ this._oContainer.style.display = "block"; } /** * Set preloader info. * @param int iStep Add number of operations to preloader. **/ this.updateLoader = function( iStep ){ if(this.oInterval !== false){ clearInterval(this.oInterval); } this._iCurrent += iStep; if ( this._iCurrent > 0 ){ var percentage = Math.ceil((this._iCurrent / this._iOperations) * 100); if ( percentage > 100 ) { percentage = 100; } this._oDiv.style.width = percentage + '%'; this._oText.innerHTML = "Locaties ophalen..." + this._iCurrent + ' van ' + this._iOperations; } }; /** * Remove preloader. Well, hide actually. **/ this.remove = function() { this._oContainer.style.display = 'none'; //this._oText.innerHTML = "Locaties ophalen..."; this._oDiv.style.width = 0 + 'px'; if(this.oInterval !== false) { clearInterval(this.oInterval); this.oInterval = false; } if(this.blockTimeout !== false) { clearInterval(this.blockTimeout); this.blockTimeout = false; } }; /** * Custom preloader control. * Possibly extendable with other styles later on? * @class **/ var LoaderControl = function(oMap, iWidth) { this.oMap = oMap; this.iWidth = iWidth; }; LoaderControl.prototype = new GControl(true, false); LoaderControl.prototype.initialize = function () { var oContainer = document.createElement("div"); oContainer.innerHTML += ""; } else { sContent += ""+oIconmanager.get(mId[parseInt(key,10)]).sg_titel+"
"; } } this._eContent.innerHTML = sContent; } }; }/** * @desc cZones - Handler for zones. Hide / show on zoom and such. * @desc todo Optimize drag, hide zones when dragging * @class cZones Zone functionliteit, zone is een polygoon met een label. De zone kan veranderen in een lijn bij een bepaald zoomniveau en verdwijnen bij een bepaald zoomniveau. **/ function cZones(oMap){ this.oMap = oMap; this.aZones = []; this.sCurrentlyLoaded = "none"; this.aLoadedOverlays = []; /** * @desc initialize zone data **/ this.init = function(){ this.loadSettings(); this.loadData(); this.loadMapListeners(); return this; }; /** * Example optimisation for dragging GEvent.addListener(oMapObjects.oMap, 'dragstart', function(){oVergunningen.setVisibility(false);}); GEvent.addListener(oMapObjects.oMap, 'dragend', function(){ oVergunningen.setVisibility(true);}); **/ /** * @desc Load settings for zones. **/ this.loadSettings = function(){ this._sDataUrl = this._sDataUrl || "GeoStart/ajax/getZoneData.php"; this._iZoomVisible = this._iZoomVisible || 12; this._iZoomFilled = this._iZoomFilled || 16; this._iZoomHidden = this._iZoomHidden || 19; this._sColor = this._sColor || "#4C1664"; this._iOpacity = this._iOpacity || "0.5"; this._iBorderWidth = this._iBorderWidth || 3; this.bFirstLoad = this.bFirstLoad || true; this.bVisible = this.bVisible || true; this.sZoneTable = this.sZoneTable || 'gebieden'; if ( this.bStartInvisble === true ) { this.bVisible = false; } }; /** * Enable balloon for data field * @param sField field with data for in the balloon **/ this.enableBalloon = function(sField){ var i = this.aZones.length; if ( i > 0 ) { while ( i-- ) { this.aZones[i].text.enableBalloon(sField); } } else { this.sEnableBalloon = sField; } }; /** * Do an ajax call with callback **/ this.loadData = function(){ if ( !sUser ) { var sUser = null; } if(oGeoStart.oCrossSiteProxy){ oGeoStart.oCrossSiteProxy.load('loadZoneData', this._sDataUrl + "?sUser=" + sUser); oGeoStart.oCrossSiteProxy.call(this.loadZoneData); } else { GDownloadUrl( this._sDataUrl + "?sUser=" + sUser, GEvent.callback(this, this.loadZoneData)); } }; this.createTileLayer = function() { var tilelayer = new GTileLayer(new GCopyrightCollection(), 0, 17); var self = this; tilelayer.getTileUrl = function(tile, zoom) { var sUrl = "http://mt" + (tile.y + tile.x) % 10 + ".tile01.swis.nl/zone/" + oSettings.sDbKey + "/" + self.sZoneTable + "/" + parseInt(oSettings._iSubsiteGroepId, 10) + "/"+tile.x+"/"+tile.y+"/"+zoom+".gif"; return sUrl; }; tilelayer.getOpacity = function() { return 0.5; } return new GTileLayerOverlay(tilelayer); } /** * load the data gotten from the data url. * @private * @param oJson Jason string **/ this.loadZoneData = function(oJson){ var aData = eval('(' + oJson + ')'); var i = aData.length; while ( i-- ) { if(oSettings._bTileServer){ this.oTileOverlay = this.createTileLayer(); var oPolyoverlay = false; this.bTileOverlayLoaded = false; } else { var oPolyoverlay = this.createPolygon(aData[i]); } // Poly data this.aZones[i] = { "polyline": this.createPolyline(aData[i]), "polygon": oPolyoverlay, "text": this.createZoneLabel(aData[i]), "id": aData[i].id }; this.aZones[i].bounds = this.aZones[i].polyline.getBounds(); this.aZones[i].text['_bounds'] = this.aZones[i].polyline.getBounds(); if ( aData[i].kleur.length == 6 ) { this.aZones[i].kleur = "#" + aData[i].kleur; } else { this.aZones[i].kleur = this._sColor; } } // First load logic if ( this.bFirstLoad && this.bStartInvisble !== true ) { this.bStartInvisble = false; this.bFirstLoad = false; if ( this.sEnableBalloon ) { this.enableBalloon(this.sEnableBalloon); } this.updateZones(); } else if ( this.bFirstLoad ) { if ( this.sEnableBalloon ) { this.enableBalloon(this.sEnableBalloon); } } }; /** * Map listener to handle map chenges * @private **/ this.loadMapListeners = function(){ var oThis = this; GEvent.addListener(oThis.oMap, 'moveend', GEvent.callback(this, this.updateZones)); }; /** * Toggle visibility * @return boolean **/ this.toggle = function(){ if ( this.bFirstLoad ) { this.bFirstLoad = false; this.updateZones(); } this.bVisible = !this.bVisible; this.visibility(this.bVisible); return this.bVisible; } /** * Optimezed hide/show function **/ this.setVisibility = function(bState) { if ( this.bFirstLoad ) { this.bFirstLoad = false; this.updateZones(); } if ( this.bVisible !== bState ) { this.bVisible = bState; this.visibility(this.bVisible); } }; /** * Generate click on zone * @param iId Zone id **/ this.clickZone = function(iId){ var i = this.aZones.length; while ( i-- ) { if ( parseInt(this.aZones[i].id, 10) == parseInt(iId, 10) ) { this.aZones[i].text.clickHandler(); return; } } }; /** * Show / Hide all * @param bState true/false **/ this.visibility = function(bState){ var i = this.aLoadedOverlays.length; if ( i > 0 ) { while ( i-- ) { if ( bState ) { this.aLoadedOverlays[i].show(); } else { this.aLoadedOverlays[i].hide(); } } } }; /** * Adding/removing zones and changing opacity. * @private **/ this.updateZones = function(){ if(this.bFirstLoad === false){ var state = this.checkForStateChange(); if ( state ) { this.removeAll(); this.updateDisplay(state); this.sCurrentlyLoaded = state; } } }; /** * remove old overlays * @private **/ this.removeAll = function(){ var i = this.aLoadedOverlays.length; if ( i > 0 ) { while(i--){ this.oMap.removeOverlay(this.aLoadedOverlays[i]); if(oSettings._bTileServer){ this.bTileOverlayLoaded = false; } } this.aLoadedOverlays = Array(); } }; /** * Update the display of zones. Depending on state it will be displayed. * @private * @param sState polygon/none/polyline **/ this.updateDisplay = function(sState){ switch ( sState ) { case "none": break; case "polygon": var i = this.aZones.length; while ( i-- ) { if(this.aZones[i].polygon === false ){ if(this.bTileOverlayLoaded !== true){ this.oMap.addOverlay(this.oTileOverlay); this.bTileOverlayLoaded = true; this.aLoadedOverlays.push(this.oTileOverlay); } } else { this.oMap.addOverlay(this.aZones[i].polygon); this.aLoadedOverlays.push(this.aZones[i].polygon); } this.oMap.addOverlay(this.aZones[i].text); this.aLoadedOverlays.push(this.aZones[i].text); } break; case "polyline": var i = this.aZones.length; while ( i-- ) { this.oMap.addOverlay(this.aZones[i].polyline); this.aLoadedOverlays.push(this.aZones[i].polyline); } break; } this.visibility(this.bVisible); }; /** * Check what should be loaded at this time. * @private **/ this.checkForStateChange = function(){ var iZoom = this.oMap.getZoom(); var sNewState; if ( iZoom < this._iZoomVisible ) { sNewState = "none"; } else if ( iZoom >= this._iZoomVisible && iZoom <= this._iZoomFilled ) { sNewState = "polygon"; } else if ( iZoom >= this._iZoomFilled && iZoom <= this._iZoomHidden ) { sNewState = "polyline"; } else if ( iZoom < this._iZoomHidden ) { sNewState = "none"; } if ( sNewState == this.sCurrentlyLoaded ) { return false; } else { return sNewState; } }; /** * Create a polyline * @param aInfo Default information from ajax/getZoneData.php * @private **/ this.createPolyline = function(aInfo){ var aPoints = this.createPoints(aInfo); if ( aInfo.kleur && aInfo.kleur.length == 6 ) { var sKleur = "#"+aInfo.kleur; } else { var sKleur = this._sColor; } var oPoly = new GPolyline(aPoints, sKleur, this._iBorderWidth, 1); oPoly._GeoInfo = aInfo; return oPoly; }; /** * Create a polyline * @param aInfo Default information from ajax/getZoneData.php * @private **/ this.createPolygon = function(aInfo){ var aPoints = this.createPoints(aInfo); if ( aInfo.kleur && aInfo.kleur.length == 6 ) { var sKleur = "#"+aInfo.kleur; }else{ var sKleur = this._sColor; } var oPoly = new GPolygon(aPoints, sKleur, this._iBorderWidth, parseFloat(0.8), sKleur, parseFloat(this._iOpacity)); oPoly._GeoInfo = aInfo; return oPoly; }; /** * Create the center label for the polygone. * @param aInfo Default information from ajax/getZoneData.php * @private **/ this.createZoneLabel = function(aInfo){ var sTitel = aInfo.titel; var point = new GLatLng(parseFloat(aInfo.lat), parseFloat(aInfo.lng)); var oLabel = new ZoneLabel(point, sTitel); oLabel._Data = aInfo; return oLabel; }; /** * Convert array of lat's and lng's to real GPoints() * @param aInfo Default information from ajax/getZoneData.php * @private **/ this.createPoints = function(aInfo){ var aPoints = aInfo['aGeometry']['aGeometry']; var iLength = aPoints.length; var aGPoints = new Array(); for(var i=0; i
"+this._Data[this.balloonField]+"
"); oElement.innerHTML = aHtml.join(''); var oLink = document.createElement("a"); oLink.className = "zoomAnchor"; oLink.innerHTML = "
Zoom in naar de zone";
var href = document.createAttribute('href');
href.nodeValue = "#";
oLink.setAttributeNode(href);
var oLinkDiv = document.createElement("div");
oLinkDiv.className = "ballonButton";
oLinkDiv.appendChild(oLink);
oLinkDiv.style.paddingTop = "20px";
var self = this;
GEvent.addDomListener(oLink, 'click', function(){
self.zoomToZone();
self.map_.closeInfoWindow();
});
oElement.appendChild(oLinkDiv);
return oElement;
};
/**
* What to do when zone label is clicked.
**/
ZoneLabel.prototype.clickHandler = function(){
if ( this.balloonEnabled ) {
this.map_.openInfoWindowHtml(this._point, this.getBalloonHtml());
} else {
this.zoomToZone();
}
};
/**
* Zoom to the zone
**/
ZoneLabel.prototype.zoomToZone = function(){
this.map_.setCenter(this._point, this.map_.getBoundsZoomLevel(this._bounds));
};
/**
* Hide the main DIV on the map pane
**/
ZoneLabel.prototype.hide = function() {
this.div_.style.display = "none";
};
/**
* Show the main DIV on the map pane
**/
ZoneLabel.prototype.show = function() {
this.div_.style.display = "block";
};
/**
* Remove the main DIV from the map pane
**/
ZoneLabel.prototype.remove = function() {
this.div_.parentNode.removeChild(this.div_);
};
/**
* Copy our data to a new Rectangle
**/
ZoneLabel.prototype.copy = function() {
return new ZoneLabel(this._point, this._sText);
};
// Redraw the rectangle based on the current projection and zoom level
ZoneLabel.prototype.redraw = function(force) {
// We only need to redraw if the coordinate system has changed
if (!force) return;
// Calculate the DIV coordinates of two opposite corners of our bounds to
// get the size and position of our rectangle
var coords = this.map_.fromLatLngToDivPixel(this._point);
this.div_.style.left = ( coords.x - 25 ) + "px";
this.div_.style.top = ( coords.y - 10 ) + "px";
};
if (!window.XMLHttpRequest)
{
window.XMLHttpRequest = function()
{
var types = [
'Microsoft.XMLHTTP',
'MSXML2.XMLHTTP.5.0',
'MSXML2.XMLHTTP.4.0',
'MSXML2.XMLHTTP.3.0',
'MSXML2.XMLHTTP'
];
for (var i = 0; i < types.length; i++)
{
try
{
return new ActiveXObject(types[i]);
}
catch(e) {}
}
return undefined;
}
}
function cRequest(){
this.sArgs = '';
this.sUrl = '';
this.sType = 'GET';
var xmlhttp = new XMLHttpRequest();
this.addArgument = function (name, value){
this.sArgs += escape(name) + '=' + escape(value) + '&';
};
this.clearArguments = function(){
this.sArgs = '';
};
this.getContent = function(){
if (this.sType.toUpperCase() == 'POST'){
xmlhttp.open('POST', this.sUrl, false);
xmlhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
xmlhttp.setRequestHeader('Content-length', this.sArgs.length);
xmlhttp.setRequestHeader('Connection', 'close');
xmlhttp.send(this.sArgs);
} else {
var seperator = '?';
if (this.sUrl.indexOf('?') > 0){
seperator = '&';
}
xmlhttp.open('GET', this.sUrl + seperator + this.sArgs, false);
xmlhttp.send(null);
}
this.clearArguments();
return xmlhttp;
};
this.sendForm = function(oForm){
this.sUrl = oForm.action;
this.sType = oForm.method;
var aInputs = oForm.getElementsByTagName('input');
var i = aInputs.length;
while (i--){
if (aInputs[i].type == 'checkbox' || aInputs[i].type == 'radio'){
if (aInputs[i].checked){
this.addArgument(aInputs[i].name, aInputs[i].value);
}
} else {
this.addArgument(aInputs[i].name, aInputs[i].value);
}
}
var aSelects = oForm.getElementsByTagName('select');
for (var i = 0; i < aSelects.length; i++){
for (var j=0; j < aSelects[i].options.length; j++){
if (aSelects[i].options[j].selected){
this.addArgument(aSelects[i].name, aSelects[i].options[j].value);
}
}
}
var aTextareas = oForm.getElementsByTagName('textarea');
var i = aTextareas.length;
while (i--){
this.addArgument(aTextareas[i].name, aTextareas[i].value);
}
return this.getContent();
};
}
/*
DragResize v1.0
(c) 2005-2006 Angus Turnbull, TwinHelix Designs http://www.twinhelix.com
Licensed under the CC-GNU LGPL, version 2.1 or later:
http://creativecommons.org/licenses/LGPL/2.1/
This is distributed WITHOUT ANY WARRANTY; without even the implied
warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
*/
if(typeof addEvent!='function'){var addEvent=function(o,t,f,l){var d='addEventListener',n='on'+t,rO=o,rT=t,rF=f,rL=l;if(o[d]&&!l)return o[d](t,f,false);if(!o._evts)o._evts={};if(!o._evts[t]){o._evts[t]=o[n]?{b:o[n]}:{};o[n]=new Function('e','var r=true,o=this,a=o._evts["'+t+'"],i;for(i in a){o._f=a[i];r=o._f(e||window.event)!=false&&r;o._f=null}return r');if(t!='unload')addEvent(window,'unload',function(){removeEvent(rO,rT,rF,rL)})}if(!f._i)f._i=addEvent._i++;o._evts[t][f._i]=f};addEvent._i=1;var removeEvent=function(o,t,f,l){var d='removeEventListener';if(o[d]&&!l)return o[d](t,f,false);if(o._evts&&o._evts[t]&&f._i)delete o._evts[t][f._i]}}function cancelEvent(e,c){e.returnValue=false;if(e.preventDefault)e.preventDefault();if(c){e.cancelBubble=true;if(e.stopPropagation)e.stopPropagation()}};function DragResize(myName,config){var props={myName:myName,enabled:true,handles:['tl','tm','tr','ml','mr','bl','bm','br'],isElement:null,isHandle:null,element:null,handle:null,minWidth:10,minHeight:10,minLeft:0,maxLeft:9999,minTop:0,maxTop:9999,zIndex:1,mouseX:0,mouseY:0,lastMouseX:0,lastMouseY:0,mOffX:0,mOffY:0,elmX:0,elmY:0,elmW:0,elmH:0,allowBlur:true,ondragfocus:null,ondragstart:null,ondragmove:null,ondragend:null,ondragblur:null};for(var p in props)this[p]=(typeof config[p]=='undefined')?props[p]:config[p]};DragResize.prototype.apply=function(node){var obj=this;addEvent(node,'mousedown',function(e){obj.mouseDown(e)});addEvent(node,'mousemove',function(e){obj.mouseMove(e)});addEvent(node,'mouseup',function(e){obj.mouseUp(e)})};DragResize.prototype.select=function(newElement){with(this){if(!oGeoStart.util.getElementById||!enabled)return;if(newElement&&(newElement!=element)&&enabled){element=newElement;element.style.zIndex=++zIndex;if(this.resizeHandleSet)this.resizeHandleSet(element,true);elmX=parseInt(element.style.left);elmY=parseInt(element.style.top);elmW=element.offsetWidth;elmH=element.offsetHeight;if(ondragfocus)this.ondragfocus()}}};DragResize.prototype.deselect=function(delHandles){with(this){if(!oGeoStart.util.getElementById||!enabled)return;if(delHandles){if(ondragblur)this.ondragblur();if(this.resizeHandleSet)this.resizeHandleSet(element,false);element=null}handle=null;mOffX=0;mOffY=0}};DragResize.prototype.mouseDown=function(e){with(this){if(!oGeoStart.util.getElementById||!enabled)return true;var elm=e.target||e.srcElement,newElement=null,newHandle=null,hRE=new RegExp(myName+'-([trmbl]{2})','');while(elm){if(elm.className){if(!newHandle&&(hRE.test(elm.className)||isHandle(elm)))newHandle=elm;if(isElement(elm)){newElement=elm;break}}elm=elm.parentNode}if(element&&(element!=newElement)&&allowBlur)deselect(true);if(newElement&&(!element||(newElement==element))){if(newHandle)cancelEvent(e);select(newElement,newHandle);handle=newHandle;if(handle&&ondragstart)this.ondragstart(hRE.test(handle.className))}}};DragResize.prototype.mouseMove=function(e){with(this){if(!oGeoStart.util.getElementById||!enabled)return true;mouseX=e.pageX||e.clientX+document.documentElement.scrollLeft;mouseY=e.pageY||e.clientY+document.documentElement.scrollTop;var diffX=mouseX-lastMouseX+mOffX;var diffY=mouseY-lastMouseY+mOffY;mOffX=mOffY=0;lastMouseX=mouseX;lastMouseY=mouseY;if(!handle)return true;var isResize=false;if(this.resizeHandleDrag&&this.resizeHandleDrag(diffX,diffY)){isResize=true}else{var dX=diffX,dY=diffY;if(elmX+dX
" + this.sText + "";
oContainer.id = "cbs_control";
oContainer.style.width = "60px";
oContainer.style.overflow = "hidden";
oContainer.style.verticalAlign = "middle";
oContainer.style.fontSize = "11px";
oContainer.style.height = "23px";
oContainer.style.textAlign = "center";
oContainer.style.cursor = "pointer";
oContainer.style.border = "1px solid #c6c6c6";
oContainer.style.backgroundImage = "url('"+ sBaseUrl + "GeoStart/images/controls/mapMenuBackground.gif')";
/** Onclick function **/
var self = this;
GEvent.addListener(oGeoStart.oMenuEffects, 'slideend', function(){
var i = oGeoStart.oMenuEffects.oMenuContents.length;
while(i--){
if(oGeoStart.oMenuEffects.oMenuContents[i].id == 'statistiek-content' && oGeoStart.oMenuEffects.oMenuContents[i].style.display == 'block'){
oContainer.style.fontWeight = 'bold';
return;
}
}
oContainer.style.fontWeight = 'normal';
});
GEvent.addDomListener(oContainer, 'click', function(){
var i = oGeoStart.oMenuEffects.oMenuHeaders.length;
while(i--){
if(oGeoStart.oMenuEffects.oMenuHeaders[i].id == 'statistiek-header'){
oGeoStart.oMenuEffects.oMenuHeaders[i].onclick();
return;
}
}
});
this.oMap.getContainer().appendChild(oContainer);
return oContainer;
}
Cbs_Control.prototype.getDefaultPosition = function () {
return new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(266,10));
};
var cCbsLegend = function(oMap) { this.oMap = oMap; };
cCbsLegend.prototype = new GControl(true, false);
cCbsLegend.prototype.initialize = function () {
this.sTitel = "";
this.sPercentage = "";
var oLegendContainer = document.createElement("div");
oLegendContainer.id = 'legendContainer';
oLegendContainer.className = "legend";
oLegendContainer.style.cssText= "display:none;padding:5px;margin:0px;width:240px;";
this.oMap.getContainer().appendChild(oLegendContainer);
return oLegendContainer;
}
cCbsLegend.prototype.setMinMax = function(min, max){
document.getElementById("legendContainer").innerHTML = "" + this.sTitel + "
"+min + this.sPercentage + ""+max + this.sPercentage + "
Bron: CBS 2008"; }; cCbsLegend.prototype.setPercentages = function(bPercentages){ if(bPercentages) { this.sPercentage = "%"; } else { this.sPercentage = ""; } } cCbsLegend.prototype.show = function() { document.getElementById("legendContainer").style.display = "block"; } cCbsLegend.prototype.hide = function() { document.getElementById("legendContainer").style.display = "none"; } cCbsLegend.prototype.setTitel = function(sTitel) { this.sTitel = sTitel; } cCbsLegend.prototype.getDefaultPosition = function () { return new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(5,20)); };/** * @name ExtLargeMapControl * @version 1.1 * @author Masashi, Bjorn Brala * @fileoverview Creates a control with buttons to pan in four directions, * and zoom in and zoom out, and a zoom slider. The UI is based on the * LargeMapControl from Google Maps (circa December 2008), but it does not * have any integration with Street View. */ /*global GKeyboardHandler, GDraggableObject*/ /** * @name ExtLargeMapControlOptions * @class This class represents optional arguments to the control. * @property {String} [zoomInBtnTitle="zoom in"] Specifies tooltip for * zoom in button. * @property {String} [zoomOutBtnTitle="zoom out"] Specifies tooltip for * zoom out button button. * @property {String} [moveNorthBtnTitle="north"] Specifies tooltip for * pan north button. * @property {String} [moveSouthBtnTitle="south"] Specifies tooltip for * pan south button. * @property {String} [moveEastBtnTitle="east"] Specifies tooltip for * pan east button. * @property {String} [moveWestBtnTitle="west"] Specifies tooltip for * pan west button. * @property {String} [returnBtnTitle="home position"] Specifies tooltip for * center button that returns user to original location. * @property {String} [type] If set to "small", the control will consist of * only the zoom in/zoom out buttons. */ /** * @desc Creates an ExtLargeMapControl, with optional configuration settings. * @param {ExtLargeMapControlOptions} opts * @constructor */ function ExtLargeMapControl(opts) { this.sliderStep = 9; this.imgSrc = "http://maps.google.com/mapfiles/mapcontrols3d.png"; this.imgSmallSrc = "http://maps.google.com/mapfiles/szc3d.png"; this.divTbl = {}; this.divTbl.container = { "left" : 0, "top" : 0, "width" : 59}; this.divTbl.topArrowBtn = { "left" : 20, "top" : 0, "width" : 18, "height" : 18}; this.divTbl.leftArrowBtn = { "left" : 0, "top" : 20}; this.divTbl.rightArrowBtn = { "left" : 40, "top" : 20}; this.divTbl.bottomArrowBtn = { "left" : 20, "top" : 40}; this.divTbl.centerBtn = { "left" : 20, "top" : 20}; this.divTbl.zoomSlideBarContainer = { "left" : 19, "top" : 86, "width" : 22}; this.divTbl.zoomSliderContainer = { "left" : 0, "top" : 0, "width" : 22, "height" : 14}; this.divTbl.zoomSliderContainerImg = { "left" : 0, "top" : -384, "width" : 22, "height" : 14}; this.divTbl.zoomOutBtnContainer = { "left" : 0, "top" : 0, "width" : 59, "height" : 23}; this.divTbl.zoomOutBtnContainerImg = { "left" : 0, "top" : -360, "width" : 59, "height" : 23}; opts = opts || {}; this.zoomInBtnTitle = opts.zoomInBtnTitle || "zoom in"; this.zoomOutBtnTitle = opts.zoomOutBtnTitle || "zoom out"; this.moveNorthBtnTitle = opts.moveNorthBtnTitle || "north"; this.moveSouthBtnTitle = opts.moveSouthBtnTitle || "south"; this.moveEastBtnTitle = opts.moveEastBtnTitle || "east"; this.moveWestBtnTitle = opts.moveWestBtnTitle || "west"; this.homeBtnTitle = opts.homeBtnTitle || "home position"; this.opts = opts; this.divSmallTbl = {}; this.divSmallTbl.container = { "left" : 0, "top" : 0, "width" : 19, "height" : 42}; this.divSmallTbl.zoomInBtn = { "left" : 0, "top" : 0, "width" : 19, "height" : 21}; this.divSmallTbl.zoomOutBtnImg = { "left" : 0, "top" : -21, "width" : 19, "height" : 21}; this.divSmallTbl.zoomOutBtn = { "left" : 0, "top" : 21, "width" : 19, "height" : 21}; } /** * @private */ ExtLargeMapControl.prototype = new GControl(); /** * @desc Initialize the map control * @private */ ExtLargeMapControl.prototype.initialize = function (map) { this._map = map; GEvent.addListener(map, 'maptypechanged', GEvent.callback(this, this._updateZoomSliderRange)); var _handleList = {}; this._keyboardhandler = new GKeyboardHandler(map); var agt = navigator.userAgent.toLowerCase(); this._is_ie = ((agt.indexOf("msie") !== -1) && (agt.indexOf("opera") === -1)); this._is_gecko = (agt.indexOf('gecko') !== -1); this._is_opera = (agt.indexOf("opera") !== -1); //common image var commonImg = new Image(); commonImg.src = this.imgSrc; var container; var zoomOutBtn; var zoomInBtn; if (this.opts.type === "small") { // create container container = document.createElement("div"); container.style.left = this.divSmallTbl.container.left + "px"; container.style.top = this.divSmallTbl.container.top + "px"; container.style.width = this.divSmallTbl.container.width + "px"; container.style.height = this.divSmallTbl.container.height + "px"; container.style.position = "absolute"; container.style.overflow = "hidden"; this._container = container; //zoom up button zoomInBtn = this.makeImgDiv_(this.imgSmallSrc, this.divSmallTbl.zoomInBtn); zoomInBtn.style.cursor = "pointer"; zoomInBtn.title = this.zoomInBtnTitle; container.appendChild(zoomInBtn); //zoom down button zoomOutBtn = this.makeImgDiv_(this.imgSmallSrc, this.divSmallTbl.zoomOutBtnImg); zoomOutBtn.style.cursor = "pointer"; zoomOutBtn.style.overflow = "hidden"; zoomOutBtn.style.position = "absolute"; zoomOutBtn.style.left = this.divSmallTbl.zoomOutBtn.left + "px"; zoomOutBtn.style.top = this.divSmallTbl.zoomOutBtn.top + "px"; zoomOutBtn.style.width = this.divSmallTbl.zoomOutBtn.width + "px"; zoomOutBtn.style.height = this.divSmallTbl.zoomOutBtn.height + "px"; zoomOutBtn.title = this.zoomOutBtnTitle; container.appendChild(zoomOutBtn); // events GEvent.bindDom(zoomOutBtn, "click", this, this._eventZoomOut); GEvent.bindDom(zoomInBtn, "click", this, this._eventZoomIn); } else { // calculation of controller size var currentMapType = map.getCurrentMapType(); var minZoom = parseInt(currentMapType.getMinimumResolution(), 10); var maxZoom = parseInt(map.getCurrentMapType().getMaximumResolution(), 10); this._maxZoom = maxZoom; this._step = this.sliderStep; var ctrlHeight = (86 + 5) + (maxZoom - minZoom + 1) * this.sliderStep + 5; // create container container = this.makeImgDiv_(this.imgSrc, this.divTbl.container); container.style.height = (ctrlHeight + this.sliderStep + 2) + "px"; _handleList.container = container; this._container = container; //top arrow button var topBtn = this.makeImgDiv_(this.imgSrc, this.divTbl.topArrowBtn); topBtn.style.cursor = "pointer"; topBtn.style.left = "20px"; topBtn.style.top = "0px"; topBtn.title = this.moveNorthBtnTitle; container.appendChild(topBtn); //left arrow button var leftBtn = topBtn.cloneNode(true); leftBtn.style.left = this.divTbl.leftArrowBtn.left + "px"; leftBtn.style.top = this.divTbl.leftArrowBtn.top + "px"; leftBtn.title = this.moveWestBtnTitle; container.appendChild(leftBtn); //right arrow button var rightBtn = topBtn.cloneNode(true); rightBtn.style.left = this.divTbl.rightArrowBtn.left + "px"; rightBtn.style.top = this.divTbl.rightArrowBtn.top + "px"; rightBtn.title = this.moveEastBtnTitle; container.appendChild(rightBtn); //bottom arrow button var bottomBtn = topBtn.cloneNode(true); bottomBtn.style.left = this.divTbl.bottomArrowBtn.left + "px"; bottomBtn.style.top = this.divTbl.bottomArrowBtn.top + "px"; bottomBtn.title = this.moveSouthBtnTitle; container.appendChild(bottomBtn); //center button var homeBtn = topBtn.cloneNode(true); homeBtn.style.left = this.divTbl.centerBtn.left + "px"; homeBtn.style.top = this.divTbl.centerBtn.top + "px"; homeBtn.title = this.homeBtnTitle; container.appendChild(homeBtn); _handleList.topBtn = topBtn; _handleList.leftBtn = leftBtn; _handleList.rightBtn = rightBtn; _handleList.bottomBtn = bottomBtn; _handleList.homeBtn = homeBtn; // zoom slider container var zoomSlideBarContainer = document.createElement("div"); zoomSlideBarContainer.style.position = "absolute"; zoomSlideBarContainer.style.left = this.divTbl.zoomSlideBarContainer.left + "px"; zoomSlideBarContainer.style.top = this.divTbl.zoomSlideBarContainer.top + "px"; zoomSlideBarContainer.style.width = this.divTbl.zoomSlideBarContainer.width + "px"; zoomSlideBarContainer.style.height = ((maxZoom - minZoom + 1) * this.sliderStep) + "px"; zoomSlideBarContainer.style.overflow = "hidden"; zoomSlideBarContainer.style.cursor = "pointer"; container.appendChild(zoomSlideBarContainer); _handleList.slideBar = zoomSlideBarContainer; // zoom slider Button var zoomLevel = map.getZoom(); var zoomSliderContainer = this.makeImgDiv_(this.imgSrc, this.divTbl.zoomSliderContainerImg); zoomSliderContainer.style.top = ((maxZoom - zoomLevel) * this.sliderStep + 1) + "px"; zoomSliderContainer.style.left = this.divTbl.zoomSliderContainer.left + "px"; zoomSliderContainer.style.width = this.divTbl.zoomSliderContainer.width + "px"; zoomSliderContainer.style.height = this.divTbl.zoomSliderContainer.height + "px"; zoomSlideBarContainer.cursor = "url(http://maps.google.com/mapfiles/openhand.cur), default"; zoomSlideBarContainer.appendChild(zoomSliderContainer); _handleList.slideBarContainer = zoomSliderContainer; //zoomOut Btn container var zoomOutBtnContainer = this.makeImgDiv_(this.imgSrc, this.divTbl.zoomOutBtnContainerImg); zoomOutBtnContainer.style.top = (86 + (maxZoom - minZoom + 1) * this.sliderStep) + "px"; zoomOutBtnContainer.style.left = this.divTbl.zoomOutBtnContainer.left + "px"; zoomOutBtnContainer.style.width = this.divTbl.zoomOutBtnContainer.width + "px"; zoomOutBtnContainer.style.height = this.divTbl.zoomOutBtnContainer.height + "px"; zoomOutBtnContainer.cursor = "url(http://maps.google.com/mapfiles/openhand.cur), default"; container.appendChild(zoomOutBtnContainer); _handleList.zoomOutBtnContainer = zoomOutBtnContainer; //zoomOut button zoomOutBtn = document.createElement("div"); zoomOutBtn.style.position = "absolute"; zoomOutBtn.style.left = "20px"; zoomOutBtn.style.top = (91 + (maxZoom - minZoom + 1) * this.sliderStep) + "px"; zoomOutBtn.style.width = "18px"; zoomOutBtn.style.height = "23px"; zoomOutBtn.style.cursor = "pointer"; zoomOutBtn.style.overflow = "hidden"; zoomOutBtn.title = this.zoomOutBtnTitle; container.appendChild(zoomOutBtn); _handleList.zoomOutBtn = zoomOutBtn; //zoomIn button zoomInBtn = document.createElement("div"); zoomInBtn.style.position = "absolute"; zoomInBtn.style.left = "20px"; zoomInBtn.style.top = "65px"; zoomInBtn.style.width = "18px"; zoomInBtn.style.height = "23px"; zoomInBtn.style.cursor = "pointer"; zoomInBtn.style.overflow = "hidden"; zoomInBtn.title = this.zoomInBtnTitle; container.appendChild(zoomInBtn); _handleList.zoomInBtn = zoomInBtn; // events GEvent.bindDom(_handleList.topBtn, "click", this, this._eventTop); GEvent.bindDom(_handleList.leftBtn, "click", this, this._eventLeft); GEvent.bindDom(_handleList.rightBtn, "click", this, this._eventRight); GEvent.bindDom(_handleList.bottomBtn, "click", this, this._eventBottom); GEvent.bindDom(_handleList.homeBtn, "click", this, this._eventHome); GEvent.bindDom(_handleList.zoomOutBtn, "click", this, this._eventZoomOut); GEvent.bindDom(_handleList.zoomInBtn, "click", this, this._eventZoomIn); GEvent.bindDom(_handleList.slideBar, "click", this, this._eventSlideBar); GEvent.bind(map, "zoomend", this, this._eventZoomEnd); var drgOpt = { container : _handleList.slideBar }; var drgCtrl = new GDraggableObject(_handleList.slideBarContainer, drgOpt); GEvent.bindDom(drgCtrl, "dragend", this, this._eventSlideDragEnd); this._slider = drgCtrl; //set current slider position this._eventZoomEnd(map.getZoom(), map.getZoom()); } // Save DOM element reference in the object. this._handleList = _handleList; map.getContainer().appendChild(container); return container; }; /** * Update Zoomslider to ajust to Max and Min resolution on the current maptype * @private **/ ExtLargeMapControl.prototype._updateZoomSliderRange = function (setMaxZoom) { var minZoom = parseInt(this._map.getCurrentMapType().getMinimumResolution(), 10); var maxZoom = parseInt(this._map.getCurrentMapType().getMaximumResolution(), 10); if (this.isNull(setMaxZoom) === false) { maxZoom = setMaxZoom; } else { this._maxZoom = maxZoom; } var ctrlHeight = (86 + 5) + (maxZoom - minZoom + 1) * this.sliderStep + 5; if (this.isNull(this._handleList) === true) { return; } // Update DOM elements to ajust to current Resolution range. this._handleList.container.style.height = (ctrlHeight + this.sliderStep + 2) + "px"; this._handleList.slideBar.style.height = ((maxZoom - minZoom + 1) * this.sliderStep) + "px"; this._handleList.zoomOutBtnContainer.style.top = (86 + (maxZoom - minZoom + 1) * this.sliderStep) + "px"; this._handleList.zoomOutBtn.style.top = (91 + (maxZoom - minZoom + 1) * this.sliderStep) + "px"; this._handleList.slideBarContainer.style.top = ((maxZoom - this._map.getZoom()) * this.sliderStep + 1) + "px"; }; /** * @private */ ExtLargeMapControl.prototype._eventTop = function () { this._map.panDirection(0, 1); }; /** * @private */ ExtLargeMapControl.prototype._eventLeft = function () { this._map.panDirection(1, 0); }; /** * @private */ ExtLargeMapControl.prototype._eventRight = function () { this._map.panDirection(-1, 0); }; /** * @private */ ExtLargeMapControl.prototype._eventBottom = function () { this._map.panDirection(0, -1); }; /** * @private */ ExtLargeMapControl.prototype._eventZoomOut = function () { this._map.zoomOut(); }; /** * @private */ ExtLargeMapControl.prototype._eventZoomIn = function () { this._map.zoomIn(); }; /** * @private */ ExtLargeMapControl.prototype._eventSlideBar = function (e) { var map = this._map; //calculate zoomlevel var mouseY = e.clientY; var slideStep = this._step; var maxZoom = this._maxZoom; var container = this._container; //set new zoomLevel var ctrlPos = this._getDomPosition(container); mouseY -= (ctrlPos.y + 91); var zoomLevel = Math.floor(maxZoom - (mouseY / slideStep)); zoomLevel = zoomLevel < 0 ? 0 : zoomLevel; map.setZoom(zoomLevel); }; /** * @private */ ExtLargeMapControl.prototype._getDomPosition = function (that) { var targetEle = that; var pos = { x : 0, y : 0 }; while (targetEle) { pos.x += targetEle.offsetLeft; pos.y += targetEle.offsetTop; targetEle = targetEle.offsetParent; if (targetEle && this._is_ie) { pos.x += (parseInt(ExtLargeMapControl.getElementStyle(targetEle, "borderLeftWidth", "border-left-width"), 10) || 0); pos.y += (parseInt(ExtLargeMapControl.getElementStyle(targetEle, "borderTopWidth", "border-top-width"), 10) || 0); } } if (this._is_gecko) { var bd = document.getElementsByTagName("BODY")[0]; pos.x += 2 * (parseInt(ExtLargeMapControl.getElementStyle(bd, "borderLeftWidth", "border-left-width"), 10) || 0); pos.y += 2 * (parseInt(ExtLargeMapControl.getElementStyle(bd, "borderTopWidth", "border-top-width"), 10) || 0); } return pos; }; /** * @private */ ExtLargeMapControl.getElementStyle = function (targetElm, IEStyleProp, CSSStyleProp) { var elem = targetElm; if (elem.currentStyle) { return elem.currentStyle[IEStyleProp]; } else if (window.getComputedStyle) { var compStyle = window.getComputedStyle(elem, ""); return compStyle.getPropertyValue(CSSStyleProp); } }; /** * @private */ ExtLargeMapControl.prototype._eventSlideDragEnd = function (e) { //calculate zoomlevel var maxZoom = this._maxZoom; var mouseY = this._slider.top; var step = this._step; //set new zoomLevel var zoomLevel = Math.floor(maxZoom - (mouseY / step)); zoomLevel = zoomLevel < 0 ? 0 : zoomLevel; this._map.setZoom(zoomLevel); }; /** * @private */ ExtLargeMapControl.prototype._eventHome = function () { this._map.returnToSavedPosition(); }; /** * @private */ ExtLargeMapControl.prototype._eventZoomEnd = function (oldZoom, newZoom) { var maxZoom = this._maxZoom; if (newZoom < maxZoom) { this._updateZoomSliderRange(); } else { this._updateZoomSliderRange(newZoom); maxZoom = newZoom; } var step = this._step; this._slider.moveTo(new GPoint(0, (maxZoom - newZoom) * step)); }; /** * @private * @ignore */ ExtLargeMapControl.prototype.copy = function () { return new ExtLargeMapControl(this.latlng_, this.opts); }; /** * @private * @ignore */ ExtLargeMapControl.prototype.getDefaultPosition = function () { return new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(10, 10)); }; /** * @private * @ignore */ ExtLargeMapControl.prototype.selectable = function () { return false; }; /** * @private * @ignore */ ExtLargeMapControl.prototype.printable = function () { return true; }; /** * @private * @desc detect null,null string and undefined * @param value * @return true : value is nothing * false : value is not nothing */ ExtLargeMapControl.prototype.isNull = function (value) { if (!value && value !== 0 || value === undefined || value === "" || value === null || typeof value === "undefined") { return true; } return false; }; /** * @private * @desc create div element with PNG image */ ExtLargeMapControl.prototype.makeImgDiv_ = function (imgSrc, params) { var imgDiv = document.createElement("div"); imgDiv.style.position = "absolute"; imgDiv.style.overflow = "hidden"; if (params.width) { imgDiv.style.width = params.width + "px"; } if (params.height) { imgDiv.style.height = params.height + "px"; } var img = null; if (!this._is_ie) { img = new Image(); img.src = imgSrc; } else { img = document.createElement("div"); if (params.width) { img.style.width = params.width + "px"; } if (params.height) { img.style.height = params.height + "px"; } } img.style.position = "relative"; img.style.left = params.left + "px"; img.style.top = params.top + "px"; img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + imgSrc + "')"; imgDiv.appendChild(img); return imgDiv; }; /** * 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.className = "sprite-repeat-x" oContainer.style.backgroundPosition = "0 0"; oContainer.innerHTML = "" + this.sText + ""; oContainer.id = "control_grey_satellite"; oContainer.style.width = "70px"; oContainer.style.verticalAlign = "middle"; oContainer.style.fontSize = "11px"; oContainer.style.height = "23px"; oContainer.style.textAlign = "center"; oContainer.style.cursor = "pointer"; oContainer.style.fontWeight = "normal"; oContainer.style.border = "1px solid #c6c6c6"; oContainer.style.borderLeft = "none"; oContainer.style.overflow = "hidden"; //oContainer.style.backgroundImage = "url('"+ sBaseUrl + "GeoStart/images/controls/mapMenuBackground.gif')"; /** Make bold when clicked **/ GEvent.addDomListener(oContainer, 'click', function(){ oGeoStart.oMap.enableContinuousZoom(); oGeoStart.oMap.setMapType(G_SATELLITE_MAP); oContainer.style.fontWeight = 'bold'; oGeoStart.util.getElementById('control_grey_normal').style.fontWeight = 'normal'; oGeoStart.util.getElementById('control_grey_beide').style.fontWeight = 'normal'; oGeoStart.util.getElementById('control_grey_terrein').style.fontWeight = 'normal'; }); if(oSettings.map_default_type == "G_SATELLITE_MAP") { oContainer.style.fontWeight = 'bold'; } this.oMap.getContainer().appendChild(oContainer); return oContainer; } Control_grey_center.prototype.getDefaultPosition = function () { return new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(135,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_beide"; oContainer.style.width = "60px"; oContainer.style.verticalAlign = "middle"; oContainer.style.fontSize = "11px"; oContainer.style.height = "23px"; oContainer.style.textAlign = "center"; oContainer.style.overflow = "hidden"; oContainer.style.cursor = "pointer"; oContainer.style.border = "1px solid #c6c6c6"; oContainer.className = "sprite-repeat-x" oContainer.style.backgroundPosition = "0 0"; //oContainer.style.backgroundImage = "url('"+ sBaseUrl + "GeoStart/images/controls/mapMenuBackground.gif')"; /** Make bold when clicked **/ GEvent.addDomListener(oContainer, 'click', function(){ oGeoStart.oMap.enableContinuousZoom(); oGeoStart.oMap.setMapType(G_HYBRID_MAP); oContainer.style.fontWeight = 'bold'; oGeoStart.util.getElementById('control_grey_normal').style.fontWeight = 'normal'; oGeoStart.util.getElementById('control_grey_satellite').style.fontWeight = 'normal'; oGeoStart.util.getElementById('control_grey_terrein').style.fontWeight = 'normal'; }); if(oSettings.map_default_type == "G_HYBRID_MAP") { oContainer.style.fontWeight = 'bold'; } this.oMap.getContainer().appendChild(oContainer); return oContainer; } Control_grey_right.prototype.getDefaultPosition = function () { return new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(75,10)); }; var Control_grey_right2 = function(oMap, sText) { this.oMap = oMap; this.sText = sText; }; Control_grey_right2.prototype = new GControl(true, false); Control_grey_right2.prototype.initialize = function () { var oContainer = document.createElement("div"); oContainer.innerHTML = "" + this.sText + ""; oContainer.id = "control_grey_terrein"; oContainer.style.width = "65px"; oContainer.style.verticalAlign = "middle"; oContainer.style.fontSize = "11px"; oContainer.style.fontWeight = "normal"; oContainer.style.height = "23px"; oContainer.style.textAlign = "center"; oContainer.style.overflow = "hidden"; oContainer.style.cursor = "pointer"; oContainer.style.border = "1px solid #c6c6c6"; oContainer.className = "sprite-repeat-x" oContainer.style.backgroundPosition = "0 0"; //oContainer.style.backgroundImage = "url('"+ sBaseUrl + "GeoStart/images/controls/mapMenuBackground.gif')"; /** Make bold when clicked **/ GEvent.addDomListener(oContainer, 'click', function(){ oGeoStart.oMap.enableContinuousZoom(); oGeoStart.oMap.setMapType(G_PHYSICAL_MAP); oContainer.style.fontWeight = 'bold'; oGeoStart.util.getElementById('control_grey_normal').style.fontWeight = 'normal'; oGeoStart.util.getElementById('control_grey_satellite').style.fontWeight = 'normal'; oGeoStart.util.getElementById('control_grey_beide').style.fontWeight = 'normal'; }); if(oSettings.map_default_type == "G_PHYSICAL_MAP") { oContainer.style.fontWeight = 'bold'; } this.oMap.getContainer().appendChild(oContainer); return oContainer; } Control_grey_right2.prototype.getDefaultPosition = function () { return new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(10,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_normal"; oContainer.style.width = "60px"; oContainer.style.overflow = "hidden"; oContainer.style.verticalAlign = "middle"; oContainer.style.fontSize = "11px"; oContainer.style.height = "23px"; oContainer.style.textAlign = "center"; oContainer.style.cursor = "pointer"; oContainer.style.border = "1px solid #c6c6c6"; oContainer.className = "sprite-repeat-x" oContainer.style.backgroundPosition = "0 0"; //oContainer.style.backgroundImage = "url('"+ sBaseUrl + "GeoStart/images/controls/mapMenuBackground.gif')"; /** Onclick function **/ GEvent.addDomListener(oContainer, 'click', function(){ oGeoStart.oMap.enableContinuousZoom(); oGeoStart.oMap.setMapType(G_NORMAL_MAP); oContainer.style.fontWeight = 'bold'; oGeoStart.util.getElementById('control_grey_beide').style.fontWeight = 'normal'; oGeoStart.util.getElementById('control_grey_satellite').style.fontWeight = 'normal'; oGeoStart.util.getElementById('control_grey_terrein').style.fontWeight = 'normal'; }); if(oSettings.map_default_type == "G_NORMAL_MAP") { oContainer.style.fontWeight = 'bold'; } this.oMap.getContainer().appendChild(oContainer); return oContainer; } Control_grey_left.prototype.getDefaultPosition = function () { return new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(206,10)); }; /** * Custom map controls. * @param oMap Map object * @param sText Text on the button **/ var Mini_control_grey_left = function(oMap) { this.oMap = oMap; }; Mini_control_grey_left.prototype = new GControl(true, false); Mini_control_grey_left.prototype.initialize = function () { var oContainer = document.createElement("div"); oContainer.innerHTML = "map"; oContainer.id = "Mini_control_grey_left"; oContainer.style.width = "29px"; oContainer.style.verticalAlign = "middle"; oContainer.style.fontSize = "9px"; oContainer.style.height = "17px"; oContainer.style.textAlign = "center"; oContainer.style.cursor = "pointer"; oContainer.style.fontWeight = "bold"; oContainer.style.backgroundImage = "url('"+ sBaseUrl + "GeoStart/images/controls/minigrey/mini_map_sat.gif')"; /** Make bold when clicked **/ GEvent.addDomListener(oContainer, 'click', function(){ oGeoStart.oMap.setMapType(G_NORMAL_MAP); oContainer.style.fontWeight = 'bold'; oGeoStart.util.getElementById('Mini_control_grey_right').style.fontWeight = 'normal'; }); this.oMap.getContainer().appendChild(oContainer); return oContainer; } Mini_control_grey_left.prototype.getDefaultPosition = function () { return new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(51,10)); }; /** * Custom map controls. * Right control ( best fit Satelliet ) * @param oMap Map object * @param sText Text on the button **/ var Mini_control_grey_right = function(oMap) { this.oMap = oMap; }; Mini_control_grey_right.prototype = new GControl(true, false); Mini_control_grey_right.prototype.initialize = function () { var oContainer = document.createElement("div"); oContainer.innerHTML = "sat"; oContainer.id = "Mini_control_grey_right"; oContainer.style.width = "29px"; oContainer.style.verticalAlign = "middle"; oContainer.style.fontSize = "9px"; oContainer.style.height = "17px"; oContainer.style.textAlign = "center"; oContainer.style.cursor = "pointer"; oContainer.style.backgroundImage = "url('"+ sBaseUrl + "GeoStart/images/controls/minigrey/mini_map_sat.gif')"; /** Make bold when clicked **/ GEvent.addDomListener(oContainer, 'click', function(){ oGeoStart.oMap.setMapType(G_SATELLITE_MAP); oContainer.style.fontWeight = 'bold'; oGeoStart.util.getElementById('Mini_control_grey_left').style.fontWeight = 'normal'; }); this.oMap.getContainer().appendChild(oContainer); return oContainer; } Mini_control_grey_right.prototype.getDefaultPosition = function () { return new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(20,10)); }; /** * Custom map controls. * Zoom and Pan controls **/ var Mini_control_grey_zoom = function(oMap) { this.oMap = oMap;}; Mini_control_grey_zoom.prototype = new GControl(true, false); Mini_control_grey_zoom.prototype.initialize = function () { var oContainer = document.createElement("div"); oContainer.id = "Control_grey_pan"; oContainer.style.width = '16px'; oContainer.style.height = '36px'; oContainer.style.backgroundImage= "url('"+ sBaseUrl + "GeoStart/images/controls/minigrey/mini_zoom_control.gif')"; var oZoomin = document.createElement("div"); var oZoomout = document.createElement("div"); oZoomin.style.cssText = 'display:block;width:15px;height:15px;cursor:pointer;margin: 0 ;'; oZoomout.style.cssText = 'display:block;width:15px;height:15px;cursor:pointer;margin: 3px 0 0 0px;'; GEvent.addDomListener(oZoomin, 'click', function(){ oGeoStart.oMap.zoomIn();}); GEvent.addDomListener(oZoomout, 'click', function(){ oGeoStart.oMap.zoomOut();}); oContainer.appendChild(oZoomin); oContainer.appendChild(oZoomout); this.oMap.getContainer().appendChild(oContainer); return oContainer; } Mini_control_grey_zoom.prototype.getDefaultPosition = function () { return new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(10,10)); }; /** * Custom copyright for GeoStart **/ var powered_by_geostart = function(oMap) { this.oMap = oMap; }; powered_by_geostart.prototype = new GControl(true, false); powered_by_geostart.prototype.initialize = function () { var oContainer = document.createElement("div"); oContainer.innerHTML = "
![]("+sBaseUrl+"GeoStart/images/controls/powered_by_geostart.png)
";
oContainer.id = "powered_by_geostart";
oContainer.style.cssText= "width:89px;text-decoration:none;border:none;height:29px;cursor:pointer;padding-bottom:2px;_padding-bottom:0px;";
this.oMap.getContainer().appendChild(oContainer);
return oContainer;
}
powered_by_geostart.prototype.getDefaultPosition = function () {
return new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(67,1));
};
/**
* Custom overlay for GreenMaps
* @param object oMap
* @param int x
* @param int y
**/
var control_settings = function(oSettings, oMap, x, y) { this.oMap = oMap; this.oSettings = oSettings; this.x = x; this.y=y };
control_settings.prototype = new GControl(true, false);
control_settings.prototype.initialize = function () {
var oContainer = document.createElement("div");
oContainer.innerHTML = "![]("+sBaseUrl+"GeoStart/images/controls/icon_save_as.gif){kind=icon}
Stel in als startpagina";
oContainer.id = "save_settings";
oContainer.style.cssText= "text-align:center;border:1px solid #6B6863;width:248px;text-decoration:none;height:22px;cursor:pointer;background-color:#F1F1E9;";
this.oMap.getContainer().appendChild(oContainer);
return oContainer;
}
control_settings.prototype.getDefaultPosition = function () {
return new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(this.x,this.y));
};
var Control_Tarieven = function(oMap, sText) { this.oMap = oMap; this.sText = sText; };
Control_Tarieven.prototype = new GControl(true, false);
Control_Tarieven.prototype.initialize = function () {
var oContainer = document.createElement("div");
oContainer.innerHTML = "" + this.sText + "";
oContainer.id = "control_tarieven";
oContainer.style.width = "70px";
oContainer.style.verticalAlign = "middle";
oContainer.style.fontSize = "11px";
oContainer.style.height = "23px";
oContainer.style.textAlign = "center";
oContainer.style.cursor = "pointer";
oContainer.style.fontWeight = "normal";
oContainer.style.border = "1px solid #c6c6c6";
oContainer.style.borderLeft = "none";
oContainer.style.overflow = "hidden";
oContainer.className = "sprite-repeat-x"
oContainer.style.backgroundPosition = "0 0";
//oContainer.style.backgroundImage = "url('"+ sBaseUrl + "GeoStart/images/controls/mapMenuBackground.gif')";
var self = this;
/** Make bold when clicked **/
GEvent.addDomListener(oContainer, 'click', function(){
var bVisible = oTarieven.toggle()
self._setBold(bVisible);
oVergunningen.setVisibility(false);
});
this.oMap.getContainer().appendChild(oContainer);
this.oContainer = oContainer;
return oContainer;
}
Control_Tarieven.prototype._setBold = function(bBold){
if(bBold){
oGeoStart.util.getElementById('control_tarieven').style.fontWeight = 'bold';
oGeoStart.util.getElementById('control_vergunningen').style.fontWeight = 'normal';
} else {
oGeoStart.util.getElementById('control_tarieven').style.fontWeight = 'normal';
oGeoStart.util.getElementById('control_vergunningen').style.fontWeight = 'normal';
}
}
Control_Tarieven.prototype.getDefaultPosition = function () {
return new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(270,10));
};
var Control_Vergunningen = function(oMap, sText) { this.oMap = oMap; this.sText = sText; };
Control_Vergunningen.prototype = new GControl(true, false);
Control_Vergunningen.prototype.initialize = function () {
var oContainer = document.createElement("div");
oContainer.innerHTML = "" + this.sText + "";
oContainer.id = "control_vergunningen";
oContainer.style.width = "95px";
oContainer.style.verticalAlign = "middle";
oContainer.style.fontSize = "11px";
oContainer.style.height = "23px";
oContainer.style.textAlign = "center";
oContainer.style.cursor = "pointer";
oContainer.style.fontWeight = "bold";
oContainer.style.border = "1px solid #c6c6c6";
oContainer.style.overflow = "hidden";
oContainer.className = "sprite-repeat-x"
oContainer.style.backgroundPosition = "0 0";
//oContainer.style.backgroundImage = "url('"+ sBaseUrl + "GeoStart/images/controls/mapMenuBackground.gif')";
var self = this;
/** Make bold when clicked **/
GEvent.addDomListener(oContainer, 'click', function(){
var bVisible = oVergunningen.toggle();
self._setBold(bVisible);
oTarieven.setVisibility(false);
});
this.oMap.getContainer().appendChild(oContainer);
this.oContainer = oContainer;
return oContainer;
}
Control_Vergunningen.prototype._setBold = function(bBold){
if(bBold){
oGeoStart.util.getElementById('control_vergunningen').style.fontWeight = 'bold';
oGeoStart.util.getElementById('control_tarieven').style.fontWeight = 'normal';
} else {
oGeoStart.util.getElementById('control_vergunningen').style.fontWeight = 'normal';
oGeoStart.util.getElementById('control_tarieven').style.fontWeight = 'normal';
}
}
Control_Vergunningen.prototype.getDefaultPosition = function () {
return new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(340,10));
};
/**
* Custom zoom control showing the message to zoom in
**/
function cZoomArrow(){
this.init = function(oMap) {
this._oMap = oMap;
this._oControl = new zoom_arrow(this._oMap);
this._oMap.addControl(this._oControl);
this._bVisible = false;
this._oContainer = oGeoStart.util.getElementById('zoom_arrow');
}
this.show = function(){
this._oContainer.style.display = "block";
this._bVisible = true;
}
this.hide = function(){
this._oContainer.style.display = "none";
this._bVisible = false;
}
this.checkHidden = function(iHidden, iVisible) {
if(this._oMap.getZoom() < this._oMap.getCurrentMapType().getMaximumResolution()) {
var iTotalHidden = parseInt(iHidden - iVisible, 10);
if(iTotalHidden > 0 && this._bVisible == false){
this.show();
} else if ( iTotalHidden < 1 && this._bVisible == true){
this.hide();
}
} else {
this.hide();
}
}
var zoom_arrow = function(oMap) { this.oMap = oMap; };
zoom_arrow.prototype = new GControl(true, false);
zoom_arrow.prototype.initialize = function () {
var oContainer = document.createElement("div");
oContainer.innerHTML = "![]("+sBaseUrl+"GeoStart/images/zoomArrow.gif)
";
oContainer.style.display = "none";
oContainer.id = "zoom_arrow";
//oContainer.style.cssText= "width:89px;text-decoration:none;border:none;height:29px;cursor:pointer;padding-bottom:2px;_padding-bottom:0px;";
this.oMap.getContainer().appendChild(oContainer);
return oContainer;
}
zoom_arrow.prototype.getDefaultPosition = function () {
return new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(50,70));
};
}