Harfsense Steeg 15 7217 MD Harfsen

Op een werkelijk prachtige en bosrijke locatie, te midden van akkers, heide en velden, staat dit charmante en degelijk gebouwde chalet met praktische berging op een mooi perceel van circa 500 m². Het fraaie zo typerende Achterhoekse coulisselandschap in combinatie met de ligging nabij Zutphen, Deventer en de Gorsselse heide maakt het geheel extra aantrekkelijk. Het sfeervolle chalet is goed... Kenmerken Soort object Woonhuis Bouwjaar 2014 Woonoppervlakte 45 m² Aantal kamers 3 Foto's Omschrijving Op een werkelijk prachtige en bosrijke locatie, te midden van akkers, heide en velden, staat dit charmante en degelijk gebouwde chalet met praktische berging op een mooi perceel van circa 500 m². Het fraaie zo typerende Achterhoekse coulisselandschap in combinatie met de ligging nabij Zutphen, Deventer en de Gorsselse heide maakt het geheel extra aantrekkelijk. Het sfeervolle chalet is goed afgewerkt en werd zorgvuldig gebruikt. De sfeer van dit houten huis zal je als zeer warm ervaren, mede door de mooie massief houten vloer. Naast de voortuin is er parkeergelegenheid voor uw auto, en de ruime achtertuin heeft diverse zonnige zitjes. Indeling: entree, gezellige woonkamer met zit- en eethoek, open keuken met een goede inrichting in hoekopstelling. De keukeninrichting is onder andere voorzien van voorzieningen als een vaatwasser, oven, koelkast, vriezer, 5 pits gaskookplaat, vlakscherm afzuigkap en een composiet werkblad. Tuindeur naar het terras en de fijne, goed verzorgde achtertuin met veel privacy. Keurige en lichte badkamer met wastafel, douchehoek, wasmachineaansluiting en toilet. Ruime slaapkamer van circa 8 m² aan de achtertuinzijde van de woning. Bouwjaar 2014, gebruiksoppervlakte wonen 44,6 m², externe berging (tuinhuis) 5 m², bruto inhoud 165 m³, perceel circa 500 m². Het huis is voorzien van dak-, vloer- en glasisolatie. De zware en massief houten wanddelen zijn maar liefst 9 centimeter dik en hebben een eigen goed isolerende waarde. De Nefit HR combiketel werd geïnstalleerd in 2014 en er is een fijne en sfeervolle houtkachel. Het schilderwerk aan de buiten- en binnenzijde is recent uitgevoerd (2023). Er is een bron met waterpomp aanwezig voor het beregenen van de tuin. De totale parklasten, inclusief energieverbruik, vastrecht, afvalheffing, servicekosten en toeristenbelasting, bedragen circa € 3.655,- per jaar (2026). Dit totaalbedrag is inclusief de huur voor de grond. Deze bedraagt € 2.772,- per jaar. De parkkosten voor 2026 zijn voldaan en zijn in de koopsom inbegrepen. Levering met de huidige passende en stijlvolle inrichting (gemeubileerd) is mogelijk. De bestemming is recreatief; permanente bewoning en verhuur zijn niet toegestaan. Comfortabele en uitstekend onderhouden recreatiewoning met houten berging op een rustige en bijzonder fijne locatie! Overdracht Status Verkocht Vraagprijs € 120.000,- vrij op naam Prijs per m² € 2.666,67 Aanvaarding in overleg Bouwvorm Soort object Woonhuis Soort woning Bungalow Type woning Vrijstaande woning Kwaliteit woning Normaal Subtype woning Niet-repeterend doelgroep Bouwjaar 2014 Bouwvorm Bestaande bouw Ligging Aan park, beschutte ligging, buiten bebouwde kom, in bosrijke omgeving en landelijk gelegen Recreatiewoning Ja Bijzonderheden Gestoffeerd, gemeubileerd, toegankelijk voor ouderen en toegankelijk voor minder validen Oppervlakte en inhoud Woonoppervlakte 45 m² Woonkameroppervlakte 22 m² Perceeloppervlakte 500 m² Externe bergruimte 5 m² Inhoud 165 m³ Indeling Aantal kamers 3 Aantal slaapkamers 2 Aantal badkamers 1 Badkamer Voorzieningen Toilet, Douche, Wasmachineaansluiting, Wastafel Aantal woonlagen 1 woonlaag Voorzieningen Natuurlijke ventilatie Energie Energieklasse Niet aanwezig Isolatie Dakisolatie, vloerisolatie en dubbel glas Verwarming C.V.-Ketel en houtkachel Warmwater C.V.-Ketel C.V.-Ketel Nefit (Gas Combiketel uit 2014, eigendom) Buitenruimte Tuin Tuin rondom Hoofdtuin Tuin rondom Kwaliteit tuin Verzorgd Bergruimte Schuur / Berging Vrijstaand hout Voorzieningen Voorzien van elektra Parkeergelegenheid Garage Parkeerplaats en geen garage Parkeerfaciliteiten Op eigen terrein Dak Soort dak Zadeldak Overig Permanente bewoning Nee Onderhoud binnen Goed Onderhoud buiten Goed Huidig gebruik Woonruimte Huidige bestemming Woonruimte Kadastrale gegevens Gemeente Gorssel Sectie F Perceelnummer 1331 Oppervlakte 500 m² Foto's Plattegronden "); infowindow.open(map,marker); jQuery.ajax({ url: "/InfoWindow/", data: { objectId: marker.systemid, module: marker.module, md5: marker.md5, link: marker.link, prijsformat: priceFormat, linkcss: linkcss, target: "_blank" }, success: function(data) { var popupContent = data; infowindow.setContent(popupContent); }, dataType: "html" }); map.setCenter(marker.getPosition()); setTimeout(function() { map.panBy(0, -100); }, 10); }); }; var maps = maps || new Object(); var allBounds = allBounds || new Object(); var googleMapsLoaded = googleMapsLoaded || false; var loading = loading || false; var markerWithLabelsLoaded = markerWithLabelsLoaded || false; var maps_callback_queue = maps_callback_queue || []; function initMap_googleMaps() { if (!googleMapsLoaded && !loading) { loading = true; var script = document.createElement("script"); script.type = "text/javascript"; script.src = "https://maps.google.com/maps/api/js?libraries=geometry,places" + "&callback=mapsLoaded_googleMaps&key=AIzaSyAsYpmqXGHMJnduiwq8P_iZK-I-HeKNN5M&language=nl"; script.async = true; document.body.appendChild(script); } else if (loading) { // Als de googlemaps javascript nog niet geladen deze callback in de queue plaatsen maps_callback_queue.push(initialize_googleMaps) ; } else if (googleMapsLoaded) { // De googlemaps api is al geladen door een eerdere aanroep van deze methode. De API kan dus meteen worden gebruikt. initialize_googleMaps.call(); } } function mapsLoaded_googleMaps() { loading = false; googleMapsLoaded = true; if (markerWithLabelsLoaded) { initialize_googleMaps.call(); } /* * Omdat de MarkerWithLabel pas ingeladen kan worden nadat googlemaps is ingeladen. * Laden we deze in in de callBack van googleMaps. */ if (typeof MarkerWithLabel == 'function') { initialize_googleMaps.call(); markerWithLabelsLoaded = true; } else { jQuery.ajax({ type: "GET", url: '/pub/js/google-maps/markerwithlabel.js', dataType: "script", success:function(){ markerWithLabelsLoaded = true; }, complete: function() { initialize_googleMaps.call(); } }); } } if (typeof(jQuery().live) == typeof(Function)) { jQuery(".poi-elements input").live("click", function(){ jQuery(this).parent().toggleClass("active"); }); jQuery(".closePoi").live("click", function(){ jQuery(".poiArrow").animate({right: "23px"}, 420); jQuery(".poi-elements").animate({width: 'toggle'}); jQuery("div.poi-overview").removeClass("closePoiOverview").addClass("openPoiOverview"); jQuery(this).removeClass("closePoi").addClass("openPoi"); }); jQuery(".openPoi").live("click", function(){ jQuery(".poiArrow").animate({right: "233px"}, 375); jQuery(".poi-elements").animate({width: 'toggle'}); jQuery("div.poi-overview").removeClass("openPoiOverview").addClass("closePoiOverview"); jQuery(this).removeClass("openPoi").addClass("closePoi"); }); } else if (typeof(jQuery().on) == typeof(Function)) { jQuery(".poi-elements").on("click", function(){ jQuery(this).parent().toggleClass("active"); }); jQuery(".poiArrow").on("click", function() { var cur = jQuery(this); if (cur.hasClass("expanded")) { cur.animate({right: "23px"}, 420); jQuery(".poi-elements").animate({width: 'toggle'}); jQuery("div.poi-overview").removeClass("closePoiOverview").addClass("openPoiOverview"); cur.removeClass("closePoi").addClass("openPoi"); cur.toggleClass("expanded"); } else { cur.animate({right: "233px"}, 375); jQuery(".poi-elements").animate({width: 'toggle'}); jQuery("div.poi-overview").removeClass("openPoiOverview").addClass("closePoiOverview"); cur.removeClass("openPoi").addClass("closePoi"); cur.toggleClass("expanded"); } }); } var objectLatLng_googleMaps; function reset_googleMaps(kaart) { // Als de map geresized wordt opnieuw de center opgeven, anders staat het object linksbovenin // als je van een display none naar display block gaat // http://stackoverflow.com/questions/8792676/center-google-maps-v3-on-browser-resize-responsive google.maps.event.addListenerOnce(kaart, 'resize', function() { kaart.setCenter(objectLatLng_googleMaps); }); // Resizen omdat je van een display none naar display block gaat google.maps.event.trigger(kaart, 'resize'); // Resize de map 1x voor de opties, daarna hoeft het niet meer if (!jQuery('#googleMaps').data('resizedPoi')) { google.maps.event.addListenerOnce(maps["googleMaps"], 'idle', function() { resizePoi_googleMaps(); }); jQuery('#googleMaps').data('resizedPoi', true); } } var streetviewCallback_googleMaps; function initialize_googleMaps() { // Als de map al bestaat hoeven we hem niet opnieuw te maken if (maps["googleMaps"] != null) { reset_googleMaps(maps["googleMaps"]); streetviewCallback_googleMaps(); return; } // Altijd default coordinaties geven, voorkomt onvoorspelbare dingen. oCenter = new google.maps.LatLng(52.142665,6.19739); var maptype = google.maps.MapTypeId.HYBRID; var myOptions = { scrollwheel: false, zoom: 18, center: oCenter, navigationControl: true, mapTypeControl: true, scaleControl: true, streetViewControl: true, mapTypeId: google.maps.MapTypeId.HYBRID } var oMap = new google.maps.Map(document.getElementById("googleMaps"), myOptions); maps["googleMaps"] = oMap; var objectLatLng = new google.maps.LatLng(52.181976318359375, 6.273974895477295); objectLatLng_googleMaps = objectLatLng; oMap.setCenter(objectLatLng); var myMarker = new google.maps.Marker({ position: new google.maps.LatLng(52.181976318359375, 6.273974895477295), map: oMap, title: "Harfsense Steeg 15, HARFSEN" }); var bounds = new google.maps.LatLngBounds(); bounds.extend(myMarker.getPosition()); var infowindow = new google.maps.InfoWindow(); allBounds["googleMaps"] = bounds; var panoramaOptions = { position: myMarker.getPosition() }; var panorama = new google.maps.StreetViewPanorama(document.getElementById("googleMaps_streetview"), panoramaOptions); // verander de point of view zodat de camera naar het object is gericht // en niet standaard richting het noorde. Zie issue #26862. // Dit gaat nu via de getPanoramaByLocation, omdat we daarn een callback // kunnen meegeven. Dit wil je eigenlijk via de callback die wordt // uitgevoerd als de streenview is geinitialiseerd, maar die bestaat // niet. var s = new google.maps.StreetViewService(); // callback streetviewCallback_googleMaps = function (photo /* gebruiken we niet */) { setTimeout(function(){ var calc = google.maps.geometry.spherical.computeHeading(panorama.getPosition(), objectLatLng); var panoramaOptions = { position: objectLatLng, pov: { heading: calc, pitch: 0, zoom: 0.5 } }; panorama.setOptions(panoramaOptions); }, 0); }; s.getPanoramaByLocation(objectLatLng, 50, streetviewCallback_googleMaps); oMap.setStreetView(panorama); // callbacks die in de queue staan ook nog uitvoeren for (i = 0; i Sluiten Route van naar Harfsense Steeg 15, 7217 MD HARFSEN CBS Statistieken "; } else { titel += " " + mainElement.Title + " "; } var diep = 0; searchChilds(mainElement, table, titel, diep, dataProperties); // START GoogleDataArray // Regio Aanduiding en Postcode heeft geen goede data voor in een pie chart if (mainElement.Title === 'Regioaanduiding' || mainElement.Title === 'Postcode') { return; } if (!googleDataArray[mainElement.Title]) { googleDataArray[mainElement.Title] = {}; } if (!googleDataArray[mainElement.Title][year]) { googleDataArray[mainElement.Title][year] = {}; } // Voeg zoeken op type in de typeSelect dropdown var optionExists = false; for (i = 0; i < typeSelect.length; ++i){ if (typeSelect.options[i].value == mainElement.Title){ optionExists = true; } } if (!optionExists) { var option = document.createElement('option'); option.value = mainElement.Title.trim(); option.text = mainElement.Title.trim(); typeSelect.appendChild(option); } dataProperties.value.filter(function(element) { addChildTopics(element, mainElement, year, dataProperties, typedDataSet); }); // END GoogleDataArray } }) // Voeg zoeken op regio + jaar toe aan de compare dropdown typedDataSet.value.filter(function(regio) { var option = document.createElement('option'); option.value = regio.Codering_3.trim(); option.text = regio.Title.trim() + ' (' + regio.SoortRegio_2.trim() + ', ' + year + ')'; option.title = year; var option2 = option.cloneNode(true); if (year == '2016') { if (option.value.startsWith("WK")) { option.selected = true; } } else if (year == '2015') { if (option2.value.startsWith("WK")) { option2.selected = true; } } compareSelect1.appendChild(option); compareSelect2.appendChild(option2); }); var header = table.createTHead().insertRow(0); header.insertCell().outerHTML = " "; header.insertCell().outerHTML = " "; typedDataSet.value.filter(function(mainElement) { header.insertCell().outerHTML = " " + mainElement['Title'] + " "; for (rowKey in mainElement) { if (mainElement.hasOwnProperty(rowKey)) { var row = table.rows.namedItem(rowKey); if (row) { row.insertCell().innerHTML = mainElement[rowKey]; } } } }) jQuery('.cbs_table_' + year).html(table.outerHTML); } /* * Search Childs van de dataProperties door middel van recursie! Zodat we een goede * structuur hebben in de tabel */ function searchChilds(mainElement, table, titel, diep, dataProperties) { dataProperties.value.filter(function(element) { if (element.ParentID === mainElement.ID) { if (element.Type === 'TopicGroup') { diep++; if (element.Description) { titel += " " + element.Title + " "; } else { titel += " " + element.Title + " "; } searchChilds(element, table, titel, diep, dataProperties); titel = ''; diep--; } if (element.Type === 'Topic') { diep++; titel += " " + element.Title + " "; addRow(element, table, titel) titel = ''; diep--; } } }); }; /* * Voeg een row toe aan de tabel en set alle belangrijke data als attributes op * de */ function addRow(element, table, titel) { var row = table.insertRow(); row.setAttribute("key", element.Key); row.setAttribute("name", element.Key); row.id = element.Key; if (element.Description) { row.setAttribute("Title", element.Description); } row.setAttribute("Object_ID", element.ID); row.setAttribute("ParentID", element.ParentID); row.setAttribute("Position", element.Position); row.insertCell(0).outerHTML = " " + titel + " "; row.insertCell(1).innerHTML = element.Unit; } /* * Build de googleDataArray doormiddel van recursie *omg* */ function searchChildsGoogle(dataProperties, mainElement, element, dataSet, regio, titelRow) { if (element.Type === 'Topic') { if (titelRow.length <= 0) { titelRow.push(mainElement.Title); titelRow.push(element.Unit); } var child = []; child.push(element.Title); child.push(regio[element.Key]); dataSet.push(child); } else if (element.Type === 'TopicGroup') { dataProperties.value.filter(function(childElement) { if (childElement.ParentID === element.ID) { searchChildsGoogle(dataProperties, element, childElement, dataSet, regio, titelRow); } }); } } /* * addChildTopics aan de google Array */ function addChildTopics(element, mainElement, year, dataProperties, typedDataSet) { if (element.ParentID === mainElement.ID) { typedDataSet.value.filter(function(regio) { var dataSet = []; var titelRow = []; dataSet.push(titelRow); if (!googleDataArray[mainElement.Title][year][regio.WijkenEnBuurten.trim()]) { googleDataArray[mainElement.Title][year][regio.WijkenEnBuurten.trim()] = []; } searchChildsGoogle(dataProperties, mainElement, element, dataSet, regio, titelRow); googleDataArray[mainElement.Title][year][regio.WijkenEnBuurten.trim()].push(dataSet); }); }; }; function drawCharts() { jQuery('#chart_div').empty(); var i, len; var typeSelect = document.getElementById('cbs_type'); var compareSelect1 = document.getElementById('cbs_compare_1'); var compareSelect2 = document.getElementById('cbs_compare_2'); var type = typeSelect.options[typeSelect.selectedIndex].value; var year = compareSelect1.options[compareSelect1.selectedIndex].title; var year2 = compareSelect2.options[compareSelect2.selectedIndex].title; var region = compareSelect1.options[compareSelect1.selectedIndex].value; var region2 = compareSelect2.options[compareSelect2.selectedIndex].value; for (i = 0; i < compareSelect1.length; i++) { if (compareSelect1.options[i].value == region2) { compareSelect1.options[i].disabled = true; } else { compareSelect1.options[i].disabled = false; } } for (i = 0; i < compareSelect2.length; i++) { if (compareSelect2.options[i].value == region) { compareSelect2.options[i].disabled = true; } else { compareSelect2.options[i].disabled = false; } } for (len = googleDataArray[type][year][region].length, i=0; i " + googleDataArray[type][year][region][i][0][0] +" "); var chart = new google.visualization.PieChart( document.getElementById('chart_div_' + i)); var diffData = chart.computeDiff(data2, data1); google.visualization.events.addListener(chart,'onmouseover', function() { var google_visualization_tooltip_item = document.getElementsByClassName('google-visualization-tooltip-item'); if (google_visualization_tooltip_item) { var compareSelect1 = document.getElementById('cbs_compare_1'); var compareSelect2 = document.getElementById('cbs_compare_2'); if (google_visualization_tooltip_item[1]) { google_visualization_tooltip_item[1].getElementsByTagName('span')[0].innerHTML = compareSelect1.options[compareSelect1.selectedIndex].text; } if (google_visualization_tooltip_item[2]) { google_visualization_tooltip_item[2].getElementsByTagName('span')[0].innerHTML = compareSelect2.options[compareSelect2.selectedIndex].text; } } }); chart.draw(diffData, options); } } /* * Met een gemeenteCode kunnen we alle wijken en buurten ophalen van een bepaalde * gemeente. Omdat de we alleen wijken en buurten willen waar de postcode in * voorkomt van ons object filteren we nog op de meestvoorkomden postcodes. */ function fillBuurtEnWijkCodesArray(gemeenteCode, load2016) { //gemeenteCode = '0361'; var queryBuurtEnWijkCodes; if (load2016) { queryBuurtEnWijkCodes = ODataRoot + "83487NED/TypedDataSet"; } else { queryBuurtEnWijkCodes = ODataRoot + "83220NED/TypedDataSet"; } queryBuurtEnWijkCodes = queryBuurtEnWijkCodes + "?\$filter=substring(WijkenEnBuurten,0,6) eq 'BU" + gemeenteCode + "')" + "&\$select=WijkenEnBuurten, MeestVoorkomendePostcode_103"; jQuery.ajax({ type: "get", async: true, url: queryBuurtEnWijkCodes, success: function(result) { // Loop door alle results. Dit zijn resultaten van alle buurten van de gemeente // En haal alle buurten eruit die niet overeen komen met de postcode van het object. for (var i = result.value.length - 1; i >= 0; i--) { if (result.value[i]['MeestVoorkomendePostcode_103'] != 7217) { result.value.splice(i, 1); } } // Haal alle de WijkenEnBuurten codes uit de results en stop deze in een array. for (buurtcodes in result.value) { if (load2016) { buurtEnWijkCodes2016Array.push(result.value[buurtcodes]['WijkenEnBuurten']); } else { buurtEnWijkCodes2015Array.push(result.value[buurtcodes]['WijkenEnBuurten']); } }; // Als er buurten gevonden zijn waar de postcode van het object in voor komt, kunnen // we van de buurt code een Wijk code maken // Bijvoorbeeld Buurtcode: BU03610100 valt in Wijkcode WK036101. if (load2016) { if (buurtEnWijkCodes2016Array.length > 0) { buurtEnWijkCodes2016Array.push('WK'+buurtEnWijkCodes2016Array[0].substring(2,8)); } } else { if (buurtEnWijkCodes2015Array.length > 0) { buurtEnWijkCodes2015Array.push('WK'+buurtEnWijkCodes2015Array[0].substring(2,8)); } } }, error: function() { console.error('failed to load:' + queryBuurtEnWijkCodes); }, complete: function() { if (load2016) { if (buurtEnWijkCodes2016Array.length <= 0 && !LookedUpGemeenteCodeByName2016) { getGemeenteCodeByName('2016'); } else { buurtEnWijkCodes2016Array.push('GM' + gemeenteCode); fillBuurtEnWijkTypedDataSet('2016'); fillBuurtEnWijkCodesArray(gemeenteCode, false); } } else { if (buurtEnWijkCodes2015Array.length <= 0 && !LookedUpGemeenteCodeByName2015) { getGemeenteCodeByName('2015'); } else { buurtEnWijkCodes2015Array.push('GM' + gemeenteCode); fillBuurtEnWijkTypedDataSet('2015'); } } } }); }; /* * Vul de buurt en wijk TypedDataSet van het juiste jaar met de correcte * buurt en wijk codes. */ function fillBuurtEnWijkTypedDataSet(year) { var wijkenEnBuurtenQuery = "?\$filter=((trim(WijkenEnBuurten) eq 'NL00')"; var queryBuurtEnWijkCodes; if (year == '2015') { for (codes in buurtEnWijkCodes2015Array) { wijkenEnBuurtenQuery += (" or (trim(WijkenEnBuurten) eq '"+ buurtEnWijkCodes2015Array[codes] +"')"); }; queryBuurtEnWijkCodes = ODataRoot + "83220NED/TypedDataSet" + wijkenEnBuurtenQuery +")"; } else if (year == '2016') { for (codes in buurtEnWijkCodes2016Array) { wijkenEnBuurtenQuery += (" or (trim(WijkenEnBuurten) eq '"+ buurtEnWijkCodes2016Array[codes] +"')"); }; queryBuurtEnWijkCodes = ODataRoot + "83487NED/TypedDataSet" + wijkenEnBuurtenQuery +")"; } jQuery.ajax({ type: "get", async: true, url: queryBuurtEnWijkCodes, success: function(result) { if (year == '2015') { typedDataSet2015 = result; getBuurtEnWijkTitels(year); } else if (year == '2016') { typedDataSet2016 = result; getBuurtEnWijkTitels(year); } }, error: function() { console.error('failed to load:' + queryBuurtEnWijkCodes); }, complete: function() { buildCBSDataTable(); } }); }; /* * Omdat er we geen table kunnen expanden bij CBS. Moeten we de data van de buurt * en wijk titel los ophalen. En toevoegen aan de typedDataSet. */ function getBuurtEnWijkTitels(year) { var wijkenEnBuurtenQuery = "?\$filter="; var wijkenEnBuurtenQuery = "?\$filter=((trim(Key) eq 'NL00')"; var queryBuurtEnWijkCodes; if (year == '2015') { for (codes in buurtEnWijkCodes2015Array) { wijkenEnBuurtenQuery += " or (trim(Key) eq '"+ buurtEnWijkCodes2015Array[codes] +"')"; }; queryBuurtEnWijkCodes = ODataRoot + "83220NED/WijkenEnBuurten" + wijkenEnBuurtenQuery +")"; } else if (year == '2016') { for (codes in buurtEnWijkCodes2016Array) { wijkenEnBuurtenQuery += " or (trim(Key) eq '"+ buurtEnWijkCodes2016Array[codes] +"')"; }; queryBuurtEnWijkCodes = ODataRoot + "83487NED/WijkenEnBuurten" + wijkenEnBuurtenQuery +")"; }; jQuery.ajax({ type: "get", async: true, url: queryBuurtEnWijkCodes, success: function(result) { if (year == '2015') { for (var i = 0; i < typedDataSet2015.value.length; i++) { typedDataSet2015.value[i].Title = result.value[i].Title; } } else if (year == '2016') { for (var i = 0; i < typedDataSet2016.value.length; i++) { typedDataSet2016.value[i].Title = result.value[i].Title; } }; }, error: function() { console.error('failed to load:' + queryBuurtEnWijkCodes); }, complete: function() { if (year == '2015') { typedDataSet2015Loaded = true; } else if (year == '2016') { typedDataSet2016Loaded = true; } buildCBSDataTable(); } }); }; /* * De data uit de 'Kerncijfers wijken en buurten' tabel heeft een gemeenteCode * nodig. Helaas kunnen we niet zoeken op 'meest_voorkomende_postcode' daarom * halen we de gemeenteCode op uit de tabel 'Bevolking en huishoudens; viercijferige postcode' * col 'Gemeentecode_72' */ function getGemeenteCode() { var queryPostCodeTypedDataSet = ODataRoot + "82245NED/TypedDataSet" //root uri + "?\$filter=PostcodesOp1Januari eq '0" + 7217 + "'"; //reduce the payload to what we need + "&\$select=Gemeentecode_72"; jQuery.ajax({ type: "get", async: true, url: queryPostCodeTypedDataSet, success: function(result) { gemeenteNaam = result.value[0].Gemeentenaam_73.trim(); fillBuurtEnWijkCodesArray(result.value[0].Gemeentecode_72, true); }, error: function() { console.error('failed to load:' + queryPostCodeTypedDataSet); }, complete: function() { buildCBSDataTable(); } }); }; function getGemeenteCodeByName(year) { var queryBuurtEnWijkCodes; if (year == '2015') { queryBuurtEnWijkCodes = ODataRoot + "83220NED/WijkenEnBuurten"; } else if (year == '2016') { queryBuurtEnWijkCodes = ODataRoot + "83487NED/WijkenEnBuurten"; } queryBuurtEnWijkCodes += "?\$filter=Title eq '" + gemeenteNaam + "'"; jQuery.ajax({ type: "get", async: true, url: queryBuurtEnWijkCodes, success: function(result) { var gemeenteCode = result.value[0].Municipality; if (year == '2015') { LookedUpGemeenteCodeByName2015 = true; fillBuurtEnWijkCodesArray(gemeenteCode.substring(2,6), false); } else if (year == '2016') { LookedUpGemeenteCodeByName2016 = true; fillBuurtEnWijkCodesArray(gemeenteCode.substring(2,6), true); } }, error: function() { console.error('failed to load:' + queryPostCodeTypedDataSet); }, complete: function() { if (year == '2015') { LookedUpGemeenteCodeByName2015 = true; } else if (year == '2016') { LookedUpGemeenteCodeByName2016 = true; } } }); } /* * De dataproperties van een tabel. Hierin staan alle gegevens van de collomen * Bijvoorbeeld: Welke volgorde, key, omschrijving. */ function fillBuurtEnWijkDataProperties(year) { var queryBuurtEnWijkDataProperties; if (year == '2015') { queryBuurtEnWijkDataProperties = ODataRoot + "83220NED/DataProperties"; } else if (year == '2016') { queryBuurtEnWijkDataProperties = ODataRoot + "83487NED/DataProperties"; } jQuery.ajax({ type: "get", async: true, url: queryBuurtEnWijkDataProperties, success: function(result) { if (year == '2015') { dataProperties2015 = result; dataProperties2015Loaded = true; } else if (year == '2016') { dataProperties2016 = result; dataProperties2016Loaded = true; } }, error: function() { console.error('failed to load:' + queryBuurtEnWijkDataProperties); }, complete: function() { buildCBSDataTable(); } }); }; jQuery(document).ready(function () { getGemeenteCode(); fillBuurtEnWijkDataProperties('2016'); fillBuurtEnWijkDataProperties('2015'); // Toggler voor de table en grafieken jQuery('.cbs_stats_toggler .toggle').on('click', function(e){ jQuery('.cbs_stats_tabel').toggle(); jQuery('.cbs_stats_grafieken').toggle(); jQuery('.cbs_stats_toggler .toggle').toggleClass('active'); drawCharts(); }); // Toggler voor de tabel 2015 / 2016 jQuery('.table_year_toggler .toggle').on('click', function(e){ jQuery('.cbs_table_2015').toggle(); jQuery('.cbs_table_2016').toggle(); jQuery('.table_year_toggler .toggle').toggleClass('active'); }); if (!String.prototype.startsWith) { String.prototype.startsWith = function(searchString, position) { position = position || 0; return this.indexOf(searchString, position) === position; }; } }); Tabel Grafieken 2015 2016

Toon meer Toon minder