';
return;
}
}
/**
* GIcon used for markers
*/
var icon = new GIcon();
icon.image = '/images/ckr/icon/marker.png';
icon.iconSize = new GSize(19, 32);
icon.iconAnchor = new GPoint(16, 18);
icon.infoWindowAnchor = new GPoint(20, 0);
/************************************************************************************************************************************************
* *
* F I L T E R *
* *
************************************************************************************************************************************************/
var Filter = {
countylist: {},
hoodSelect: null,
results: null,
change: function(ev){ // event handler
var target = ev.target, l = null;
if ($.inArray(target.id, ['county', 'hood', 'label'])){
Labels.reset();
Map.clear();
Filter.results.innerHTML = '';
switch (target.id){
case 'counties': // Countyhas just been selected
var c = target.options[target.selectedIndex].value;
if (!c || c == ''){
Filter.resetHoods();
break;
}
window.location = '/culturele-kaart-rotterdam/?county='+target.options[target.selectedIndex].value;
return;
/* Map.zoom(13);
var c = target.options[target.selectedIndex].value;
if (!c || c == '')
Filter.resetHoods();
else if (c && Filter.countylist[c]){
Filter.countylist[c].showOnMap(Map.getMap());
}
break;*/
case 'neighbourhoods':
var c = $('#counties').get(0), v = c.options[c.selectedIndex].value, c = Filter.countylist[v], h = target.options[target.selectedIndex].value;
// if (!c){
//c = Filter.countylist[target.options[target.selectedIndex].parentNode.id];
c = target.options[target.selectedIndex].parentNode.id;
window.location = '/culturele-kaart-rotterdam/?county='+c+'&hood='+h;
return;
// return c.showOnMap({hood: h});
// }
if (c && h){
if (h == 'alle')
window.location = '/culturele-kaart-rotterdam/?county='+v;
// c.showOnMap();
else{
window.location = '/culturele-kaart-rotterdam/?county='+v+'&hood='+h;
// c.showOutline();
// c.getHood(h).showOnMap();
}
return;
}
break;
case 'labels':
var c = $('#counties').get(0), c = c.options[c.selectedIndex].value, c = Filter.countylist[c], l = target.options[target.selectedIndex].value, h;
if (c){
h = $('#neighbourhoods').get(0), h = h.options[h.selectedIndex].value;
if (h && h != 'alle'){
c.showOutline();
c.getHood(h).showOnMap(l==Labels.ALL?null:{tags: l});
}else{
c.showOnMap(l==Labels.ALL?null:{tags: l});
}
}else{ // no county
Filter.startLoading();
return $.getJSON('/includes/ckr/getMapData.inc.php?label='+l, Filter.handleSearch);
}
break;
}
// Labels.show(l);
Map.manager.refresh();
Filter.showEmpty();
}
return false;
},
handleSearch: function(j){
Map.zoom(12);
Map.clear();
if (!j.markers){
return Filter.showEmpty();
}
var i, ma = j.markers, c, h, i =0, m;
for (;i < ma.length; i++){
var l = ma[i].lat && ma[i].lng? {lat: ma[i].lat, lng: ma[i].lng}:ma[i].address+', '+ma[i].postal+' Rotterdam Nederland';
c = Filter.countylist[ma[i].county];
if (c){
h = c.getHood(ma[i].neighbourhood);
if (h){
m = new Marker(ma[i].name, l, ma[i].tags, ma[i].desc, ma[i].url, ma[i].id, ma[i].county);
h.addMarker(m);
m.showOnMap();
}
}
}
Filter.stopLoading();
// Labels.show(l);
Map.manager.refresh();
},
register: function(){
Map.register();
Filter.countylist = County.register(); // setup list of county oblect, containing available hoods
Filter.hoodSelect = $('#filterform #neighbourhoods').clone(true);
$('#filterform'+$.browser.msie?' select':'').change(Filter.change); // geen onchange in ie# op een form, logisch... %^#$^(*$^@Bill
$('#filterform').submit(Filter.submit);
$('#search').focus(function(){if(this.value=='Vul een zoekterm in')this.value=''}).blur(function(){if(this.value=='')this.value='Vul een zoekterm in'});
Filter.results = $('#results').click(function(ev){
var c = ev.target.rel;
if (c){
c = Filter.countylist[c];
Map.clear();
c.showOutline();
c.showOnMap({name: ev.target.title});
}
return false;
}).get(0);
var hash, vars = [], hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'), i = 0; // setup according to GET vars
for(; i < hashes.length; i++){
hash = hashes[i].split('=');
if (hash[1]) vars[hash[0]] = hash[1];
}
if (vars['label']){ // label specified in GET
$.getJSON('/includes/ckr/getMapData.inc.php?label='+vars['label'], Filter.handleSearch);
}else if(vars['county'] && Filter.countylist[vars['county']]){ // county requested in the GET
var c = Filter.countylist[vars['county']];
Filter.results.innerHTML = '';
c.showOnMap(Map.getMap());
if(vars['hood']){
$('#neighbourhoods option[@value = '+vars['hood']+']').attr('selected', 'selected');
Filter.results.innerHTML = '';
setTimeout(function(){
Labels.reset();
Map.clear();
Filter.results.innerHTML = '';
c.showOutline();
c.getHood(vars['hood']).showOnMap();
}, 2000);
}
}
},
resetHoods: function(){ // replace the option list for the hoods to only show all hoods
var n = $('#filterform #neighbourhoods'), c = Filter.hoodSelect.clone(true);
n.replaceWith(c);
$('#filterform'+$.browser.msie?' select':'').change(Filter.change);
},
showEmpty: function(){
$('#loading-img').remove();
if (Filter.results.innerHTML.length == 0){
Filter.results.innerHTML = '
Geen resultaten
Er zijn geen culturele instellingen gevonden die aan uw zoekcriteria voldoen.
';
},
stopLoading: function(){
Filter.showEmpty();
},
submit: function(){
Filter.startLoading();
$.getJSON('/includes/ckr/getMapData.inc.php?search='+$('#search').get(0).value.replace(' ', '+'), Filter.handleSearch);
return false;
}
}
/************************************************************************************************************************************************
* *
* L A B E L *
* *
************************************************************************************************************************************************/
var Labels = {
ALL: 'alle',
labels: {},
add: function(l){this.labels[l] = l},
reset: function(){this.labels = {}},
show: function(l){
var i, t = '';
t = '';
for (i in this.labels){
t += '';
}
$('#labels').empty().append(t);
}
}
/************************************************************************************************************************************************
* *
* M A P *
* *
************************************************************************************************************************************************/
/**
* Map contains the map to be used in the map.
* public static singleton object
*
* + instance: GMap2 object containing the "physical" map
* + rotterdam: GLatLng center of town
*
* functions:
* + register: initiate the map
* + setCenter: reset the center to given latlng,
* + setOutline: show a polygon,
* + setupClusters: initiate MarkerManager, called when markers have been loaded (ajax), see ...
* +
*/
var Map = {
addMarkers: function(markers){
var i, m = Map.instance;
for (i = 0; i < markers.length; i++) m.addOverlay(markers[i]);
},
getMap: function(){return Map.instance},
MAX_LEVEL_9: 100,
instance: null,
manager: null,
rotterdam: new GLatLng(51.922038, 4.470406),
clear: function(){
Map.manager.clearMarkers();
Map.instance.clearOverlays();
},
register: function(){
if(GBrowserIsCompatible()){
var m = new GMap2($('#map').get(0));
m.setCenter(Map.rotterdam, 13);
m.addControl(new GLargeMapControl());
m.addControl(new GMapTypeControl());
m.addMapType(G_PHYSICAL_MAP);
m.enableContinuousZoom();
m.enableDoubleClickZoom();
m.enableScrollWheelZoom();
m.setMapType(G_PHYSICAL_MAP);
Map.manager = new MarkerManager(m, {borderPadding:75});
Map.instance = m;
}
},
setCenter: function(latlng){Map.instance.panTo(latlng)},
setOutline: function(polygon){Map.instance.addOverlay(polygon)},
zoom: function(i){
Map.instance.setZoom(i);
}
}
$(Filter.register);
window.onunload = GUnload;
Loading