De Milan Viscontilaan 32 3453 TA De Meern

Royale en uitstekend onderhouden gezinswoning met 138 m² woonoppervlak, vier slaapkamers, een aangebouwde serre, garage en een zonnige achtertuin op het zuiden. De woning ligt op een fraaie, groene plek in Veldhuizen, met vrij uitzicht richting park Nijevelt, en beschikt onder meer over een moderne woonkeuken, vernieuwd sanitair, vloerverwarming, airconditioning, energielabel A en 13 zonnepanelen... Kenmerken Soort object Woonhuis Bouwjaar 2000 Woonoppervlakte 138 m² Aantal kamers 6 Foto's Omschrijving Royale en uitstekend onderhouden gezinswoning met 138 m² woonoppervlak, vier slaapkamers, een aangebouwde serre, garage en een zonnige achtertuin op het zuiden. De woning ligt op een fraaie, groene plek in Veldhuizen, met vrij uitzicht richting park Nijevelt, en beschikt onder meer over een moderne woonkeuken, vernieuwd sanitair, vloerverwarming, airconditioning, energielabel A en 13 zonnepanelen uit 2019. Een compleet en comfortabel huis met volop ruimte, zowel binnen als buiten. BIJZONDERHEDEN • Bouwjaar 2000 cf. opgave BAG; • Energielabel A; • 13 zonnepanelen, geplaatst in 2019; • Intergas Xtreme 36 CW5 cv-combiketel, geplaatst in 2023 en eigendom; • Vloerverwarming met warm water in de woonkamer en elektrische vloerverwarming in de badkamer; • Airconditioning in de slaapkamer op de tweede verdieping, geplaatst in 2021; • HR-glas in de woonruimten en dubbel glas in de slaapruimten; • Mechanische ventilatie aanwezig; • Eigen oprit met garage; • Royale serre aan de achterzijde; • Diepe achtertuin op het zuiden; • Fraaie ligging met vrij en groen uitzicht richting park Nijevelt. INDELING WONING Begane grond: Via de verzorgde voortuin bereik je de entree van de woning. Achter de voordeur bevindt zich eerst de vestibule, gevolgd door de ruime hal met meterkast, praktische bergkast onder de trap, trapopgang en de in 2018 vernieuwde toiletruimte met wandcloset en fonteintje. De woonkamer is royaal van formaat en wordt aan de voorzijde gekenmerkt door de erker, de speelse ronde wand en de sfeervolle Faber gashaard. Grote raampartijen zorgen hier voor veel daglicht en geven een prettig uitzicht op het groen aan de voorzijde. De begane grond is voorzien van plavuizen met vloerverwarming. Aan de tuinzijde bevindt zich de woonkeuken, die een open en uitnodigend karakter heeft. De keuken is in 2018 vernieuwd en uitgevoerd met een marmeren werkblad, een eetbar, veel kastruimte en Miele inbouwapparatuur. Tot de uitrusting behoren onder meer een inductiekookplaat, afzuigkap, combi-oven, vaatwasser, koelkast en vriezer. Ook is er een Quooker aanwezig. Vanuit de keuken geven openslaande deuren toegang tot de aangebouwde serre. Deze royale serre vormt een fraaie verlenging van de leefruimte en brengt binnen en buiten op een natuurlijke manier samen. De serre is uitgevoerd met glazen schuifdeuren van veiligheidsglas en beschikt over een elektrisch bedienbaar zonnescherm. Vanuit hier loop je direct de achtertuin in. Eerste verdieping: De brede overloop geeft toegang tot drie goed bemeten slaapkamers, de badkamer en een separate toiletruimte. Dankzij de praktische indeling zijn de slaapkamers stuk voor stuk goed bruikbaar als slaap-, werk- of kinderkamer. De badkamer en de toiletruimten zijn in 2018 vernieuwd en in eenzelfde eigentijdse stijl uitgevoerd. De badkamer is compleet ingericht met een ligbad, separate douche, wastafelmeubel met twee wastafels, designradiator en elektrische vloerverwarming. Tussen het bad en de douche is een scheidingswand aangebracht met aan weerszijden een praktische nis. Tweede verdieping: De tweede verdieping is vanaf de bouw vergroot met een brede dakkapel aan de achterzijde en is in 2020 opnieuw en efficiënt ingedeeld. Hier bevindt zich de vierde slaapkamer, een ruime kamer die dankzij de dakkapel over prettig veel bruikbare ruimte beschikt. De kamer is voorzien van airconditioning. Aan de voorzijde bevindt zich over vrijwel de volle breedte praktische bergruimte. Ook zijn op deze verdieping de aansluitingen voor wasmachine en droger gesitueerd. Momenteel is hier tevens een Finse sauna aanwezig, die volgens de lijst van zaken kan worden overgenomen. Tuin: Ook buiten is er opvallend veel ruimte. De voortuin is circa zeven meter diep, groen ingericht en vormt een prettige buffer tussen de woning en de straat. De achtertuin ligt op het zuiden en heeft met een diepte van circa achttien meter een bijzonder royaal karakter. De tuin is verzorgd aangelegd met terrassen, groen, fruitbomen en een pergola, waardoor verschillende plekken zijn ontstaan om in de zon of juist beschut te zitten. De groene inrichting zorgt bovendien voor veel privacy. Aan de zijkant van de tuin bevinden zich de eigen oprit en de garage. De garage is voorzien van een elektrisch bedienbare roldeur en heeft tevens een deur naar de achtertuin. Daarnaast zijn er twee houten bergingen en is de tuin bereikbaar via een achterom. LIGGING EN OMGEVING De Milan Viscontilaan is een brede, groen opgezette laan in de wijk Veldhuizen. Aan weerszijden van de straat zorgen brede groenstroken en volwassen bomen voor een ruim en vriendelijk straatbeeld. Vanuit de woonkamer kijk je uit over het groen richting park Nijevelt en de Kasteeltuin Nijevelt, een bijzondere plek waar natuur, historie en ontmoeting samenkomen. Veldhuizen is ruim en kindvriendelijk opgezet, met verschillende speelvoorzieningen, scholen en kinderopvang in de omgeving. Voor de dagelijkse boodschappen ligt winkelcentrum De Veldhof op korte afstand. Ook op sportief gebied is er volop keuze, met onder meer sportscholen, tennis-, hockey- en voetbalverenigingen en een zwembad in de omgeving. Het Máximapark vormt daarnaast een geliefde plek om te wandelen, fietsen of recreëren. Ondanks de groene en rustige ligging is de bereikbaarheid uitstekend. Via de Veldhuizerweg zijn de A2, A12 en A27 goed bereikbaar en ook met het openbaar vervoer zijn Utrecht en de omliggende plaatsen gemakkelijk te bereiken. Zo combineert deze woning een rustige woonomgeving met de voorzieningen en bereikbaarheid van de stad binnen handbereik. NAMENS DE VERKOPER(S) De woning is door de jaren heen op veel onderdelen gemoderniseerd en zorgvuldig onderhouden. De combinatie van de royale leefruimte, de serre, vier slaapkamers, de diepe tuin, garage en het vrije groene uitzicht maakt dit tot een bijzonder compleet gezinshuis. Tegelijkertijd zijn er in de afgelopen jaren belangrijke investeringen gedaan in comfort en verduurzaming, waardoor de woning klaar is voor een volgende bewoner. OPPERVLAKTEN Voor de oppervlakten en verdere maatvoering verwijzen wij u graag naar het meetrapport, op te vragen door contact met ons op te nemen. Aan de plattegronden kunnen geen rechten worden ontleend omdat deze zijn opgesteld ter indicatie en voor promotionele doeleinden. RECENTE VERBOUWINGEN EN VERBETERINGEN De woning is in de afgelopen jaren op verschillende onderdelen vernieuwd en verbeterd. In 2017 is aan de achterzijde de royale serre gerealiseerd, voorzien van glazen schuifdeuren met veiligheidsglas en elektrische zonwering. In 2018 zijn onder meer de keuken, badkamer en beide toiletruimten vernieuwd. Ook zijn in dat jaar de trappen en vloeren op de verdiepingen opnieuw gestoffeerd en zijn de voor- en achtertuin aangelegd. In 2019 zijn de binnendeuren vernieuwd en zijn de 13 zonnepanelen geplaatst. De tuin is in 2020 verder aangepast en groener ingericht. In datzelfde jaar is de indeling van de tweede verdieping geoptimaliseerd. De slaapkamer op deze verdieping is in 2021 voorzien van airconditioning. In 2023 is ten slotte een nieuwe Intergas cv-combiketel geplaatst. Overdracht Status Verkocht onder voorbehoud Vraagprijs € 725.000,- kosten koper Prijs per m² € 5.253,62 Aanvaarding in overleg Bouwvorm Soort object Woonhuis Soort woning Eengezinswoning Type woning Tussenwoning Kwaliteit woning Normaal Subtype woning Repeterend permanent Bouwjaar 2000 Bouwjaar toelichting Cf. opgave BAG Bouwvorm Bestaande bouw Ligging Aan park, aan rustige weg, in woonwijk en vrij uitzicht Bijzonderheden Gedeeltelijk gestoffeerd Oppervlakte en inhoud Woonoppervlakte 138 m² Perceeloppervlakte 280 m² Externe bergruimte 23 m² Inhoud 463 m³ Gebouwgebonden buitenruimte 21 m² Indeling Aantal kamers 6 Aantal slaapkamers 4 Aantal badkamers 2 Badkamer Voorzieningen Inloopdouche, Sauna, Vloerverwarming, Ligbad, Wastafelmeubel Aantal woonlagen 3 woonlagen Voorzieningen Mechanische ventilatie, Rolluiken, TV kabel, Buitenzonwering, Airconditioning, Rookkanaal, Sauna, Glasvezel kabel, Domotica, Zonnepanelen, Natuurlijke ventilatie, Openslaande deuren Energie Energieklasse A Energie einddatum 04-06-2030 Isolatie Dubbel glas, volledig geïsoleerd en hr+ glas Verwarming C.V.-Ketel Warmwater C.V.-Ketel C.V.-Ketel Intergas (Gas Combiketel uit 2023, eigendom) Aantal panelen 13 Jaar van installatie 2019 Buitenruimte Tuin Achtertuin en voortuin Hoofdtuin Achtertuin Oppervlakte hoofdtuin 126 m² (21.0 m bij 6.0 m) Ligging hoofdtuin Zuid Achterom Ja Kwaliteit tuin Fraai aangelegd Bergruimte Schuur / Berging Vrijstaand hout Voorzieningen Voorzien van elektra Parkeergelegenheid Garage Vrijstaand steen, voor 1 auto Voorzieningen Voorzien van elektra en met elektrische deur Parkeerfaciliteiten Openbaar parkeren en op eigen terrein Parkeer capaciteit 1 Totaal aantal garages 1 Dak Soort dak Zadeldak Materiaal Pannen Overig Permanente bewoning Ja Onderhoud binnen Goed Onderhoud buiten Goed Huidig gebruik Woonruimte Huidige bestemming Woonruimte Kadastrale gegevens Gemeente Veldhuizen Sectie A Perceelnummer 2811 Oppervlakte 280 m² Eigendomssituatie Eigendom belast met opstal 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=AIzaSyBmN8eeq5CniudiMMhRMn7zbQlqST5odVU&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.11149,5.18204); 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.080101013183594, 5.0163750648498535); objectLatLng_googleMaps = objectLatLng; oMap.setCenter(objectLatLng); var myMarker = new google.maps.Marker({ position: new google.maps.LatLng(52.080101013183594, 5.0163750648498535), map: oMap, title: "De Milan Viscontilaan 32, DE MEERN" }); 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 De Milan Viscontilaan 32, 3453 TA DE MEERN 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'] != 3453) { 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" + 3453 + "'"; //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 Brochure Gebruik het onderstaande formulier om de brochure van deze woning te downloaden. ').appendTo('body'); $(' ').appendTo(".loadingPanel"); } panel.find(".loadingPanelMessage").html(message); $("#wonenBrochure").show(); var left = $(window).width()/2 - panel.outerWidth(true)/2; panel.css("left", left); var top = $(window).height()/2 - panel.outerHeight(true)/2; panel.css("top", top); } // Alle Validation regels worden nu ook geplaatst als klasse function addRulesClasses() { jQuery('#wonenBrochure #field_naam-lastname').addClass(" required"); jQuery('#wonenBrochure #field_naam-lastname_label_td').addClass(" required"); // Voegt sterretje toe aan de opmerkingen legend wanneer het field element required is. if('naam-lastname' == 'opmerkingen-notes'){ jQuery('#wonenBrochure #field_naam-lastname').each(function(){ var legend = jQuery(this).closest('fieldset').find('legend'); if(legend.text().indexOf("*") <= 0){ legend.text(legend.text() + " *"); } }); } // Voegt sterretje toe aan placeholders wanneer deze aanwezig zijn. var placeholder = jQuery('#wonenBrochure #field_naam-lastname_input_td input').attr('placeholder'); if (placeholder) { var inputfield = jQuery('#wonenBrochure #field_naam-lastname_input_td input'); inputfield.attr('placeholder', inputfield.attr('placeholder') + " *"); } jQuery('#wonenBrochure #field_contact-email').addClass(" required email"); jQuery('#wonenBrochure #field_contact-email_label_td').addClass(" required email"); // Voegt sterretje toe aan de opmerkingen legend wanneer het field element required is. if('contact-email' == 'opmerkingen-notes'){ jQuery('#wonenBrochure #field_contact-email').each(function(){ var legend = jQuery(this).closest('fieldset').find('legend'); if(legend.text().indexOf("*") <= 0){ legend.text(legend.text() + " *"); } }); } // Voegt sterretje toe aan placeholders wanneer deze aanwezig zijn. var placeholder = jQuery('#wonenBrochure #field_contact-email_input_td input').attr('placeholder'); if (placeholder) { var inputfield = jQuery('#wonenBrochure #field_contact-email_input_td input'); inputfield.attr('placeholder', inputfield.attr('placeholder') + " *"); } jQuery('#wonenBrochure #field_privacy-agreement').addClass(" required"); jQuery('#wonenBrochure #field_privacy-agreement_label_td').addClass(" required"); // Voegt sterretje toe aan de opmerkingen legend wanneer het field element required is. if('privacy-agreement' == 'opmerkingen-notes'){ jQuery('#wonenBrochure #field_privacy-agreement').each(function(){ var legend = jQuery(this).closest('fieldset').find('legend'); if(legend.text().indexOf("*") <= 0){ legend.text(legend.text() + " *"); } }); } // Voegt sterretje toe aan placeholders wanneer deze aanwezig zijn. var placeholder = jQuery('#wonenBrochure #field_privacy-agreement_input_td input').attr('placeholder'); if (placeholder) { var inputfield = jQuery('#wonenBrochure #field_privacy-agreement_input_td input'); inputfield.attr('placeholder', inputfield.attr('placeholder') + " *"); } jQuery('#wonenBrochure #field_naam-firstname').addClass(" required"); jQuery('#wonenBrochure #field_naam-firstname_label_td').addClass(" required"); // Voegt sterretje toe aan de opmerkingen legend wanneer het field element required is. if('naam-firstname' == 'opmerkingen-notes'){ jQuery('#wonenBrochure #field_naam-firstname').each(function(){ var legend = jQuery(this).closest('fieldset').find('legend'); if(legend.text().indexOf("*") <= 0){ legend.text(legend.text() + " *"); } }); } // Voegt sterretje toe aan placeholders wanneer deze aanwezig zijn. var placeholder = jQuery('#wonenBrochure #field_naam-firstname_input_td input').attr('placeholder'); if (placeholder) { var inputfield = jQuery('#wonenBrochure #field_naam-firstname_input_td input'); inputfield.attr('placeholder', inputfield.attr('placeholder') + " *"); } }; addRulesClasses(); } function onloadCallbackwonenBrochure(){ initFormwonenBrochure(); }

Toon meer Toon minder