{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/App.vue?4241","webpack:///./src/App.vue?532b","webpack:///./src/components/Map.vue?f0a4","webpack:///./src/components/MapFilter.vue?83f6","webpack:///src/components/MapFilter.vue","webpack:///./src/components/MapFilter.vue?da62","webpack:///./src/components/MapFilter.vue","webpack:///./src/components/MapMarker.vue?15ca","webpack:///src/components/MapMarker.vue","webpack:///./src/components/MapMarker.vue?d08f","webpack:///./src/components/MapMarker.vue","webpack:///./src/utils/maps.js","webpack:///src/components/Map.vue","webpack:///./src/components/Map.vue?3baf","webpack:///./src/components/Map.vue?9397","webpack:///src/App.vue","webpack:///./src/App.vue?1160","webpack:///./src/App.vue?bff9","webpack:///./src/main.js","webpack:///./src/components/Map.vue?6ecd"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","staticRenderFns","state","windowWidth","staticStyle","on","$event","preventDefault","initMap","_v","_s","locationsCount","ref","selectedPlace","styles","mapsStyle","disableDefaultUI","_e","hasSearched","selectedLocation","searchLocations","directives","rawName","filter","expression","domProps","target","composing","$set","$$selectedVal","Array","options","selected","map","val","_value","multiple","ZipcodeOrCity","Name","filteredLocations","reset","_m","highlightMarker","id","unHighlightMarker","addressLine1","addressLine2","resetMarker","_l","item","showLocationInfo","getMarker","class","searchBasedOnLocation","isMatchOnName","distanceInKilometer","locations","loading","active","updateFilter","text","props","components","methods","$refs","input","checked","component","position","icon","image","markerClicked","Number","marker","type","lat","latitude","lng","longitude","$emit","GoogleMapsStyle","RED","GREEN","BLUE","GREY","Radius","GmapCluster","MapFilter","MapMarker","mounted","innerWidth","fetchLocations","location","dataId","fillColor","COLORS","setIcon","initialIcon","endpoint","drawMarkers","markers","cluster","clearMarkers","iconMarkerPath","DEFAULT_COLOR","loc","match","isMatch","isAround","isSurrounding","addListener","_this","setCalculator","obj","addMarkers","setMapBounds","fLocs","bounds","extend","google","maps","LatLng","gmap","fitBounds","Map","Vue","config","productionTip","$http","axios","document","hostname","defaults","baseURL","process","use","VueGoogleMaps","load","v","render","h","App","$mount"],"mappings":"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","file":"js/app.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"app-locations\",attrs:{\"id\":\"app\"}},[_c('Map')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"row row--wrap row--nogutter row--responsive row--align-center no-margin--important\"},[(_vm.state === 'INTRO')?[(_vm.windowWidth >= 1024)?[_c('div',{staticClass:\"col col--66 col--100-l map-preview\"},[_c('a',{staticClass:\"start-button\",staticStyle:{\"line-height\":\"1.25\",\"display\":\"flex\",\"justify-content\":\"center\",\"align-items\":\"center\"},attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.initMap()}}},[_c('span',[_vm._v(\"Bekijk alle\"),_c('br'),_c('span',{staticStyle:{\"font-size\":\"32px\",\"font-weight\":\"700\"}},[_vm._v(_vm._s(_vm.locationsCount))]),_c('br'),_vm._v(\"sportlocaties\")])])])]:[_c('img',{attrs:{\"src\":\"/assets/static/vue-bfnl-locations/assets/bg.jpg\"}})]]:(_vm.windowWidth >= 1024)?[_c('div',{staticClass:\"col col--66 col--100-l map-view \"},[_c('GmapMap',{ref:\"gmap\",staticStyle:{\"width\":\"100%\",\"max-height\":\"800px\",\"height\":\"100%\",\"min-height\":\"550px\"},attrs:{\"center\":_vm.selectedPlace,\"options\":{\n            styles: _vm.mapsStyle,\n            disableDefaultUI: true\n          },\"map-type-id\":\"terrain\",\"zoom\":7.5}})],1)]:_vm._e(),_c('div',{ref:\"results\",staticClass:\"col col--33 col--100-l\",staticStyle:{\"overflow-y\":\"auto\"}},[[_c('div',{staticStyle:{\"padding\":\"20px 20px 10px\"}},[_c('h2',{staticClass:\"heading heading--size-2 color--black\"},[_vm._v(_vm._s(_vm.locationsCount)+\" sportlocaties\")]),(!_vm.hasSearched && !_vm.selectedLocation)?_c('p',[_vm._v(\"Of je nu al jaren sport beoefent of voor het eerst weer in beweging komt: bedrijfsfitness is voor iedereen geschikt! Het aanbod varieert enorm: spinnen, yoga, pilates, steps, zwemmen, crossfit of fysiofitness, het kan allemaal. Wij faciliteren het grootste bedrijfsfitnessnetwerk van Nederland. Ontdek wat er allemaal bij jou in de buurt zit!\")]):_vm._e(),_c('form',{staticClass:\"form\",on:{\"submit\":function($event){$event.preventDefault();return _vm.searchLocations()}}},[_c('div',{staticClass:\"form__field form__field--flex form__field--simple margin-bottom-half\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.filter.ZipcodeOrCity),expression:\"filter.ZipcodeOrCity\"}],attrs:{\"type\":\"text\",\"placeholder\":\"Plaatsnaam of postcode\"},domProps:{\"value\":(_vm.filter.ZipcodeOrCity)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.filter, \"ZipcodeOrCity\", $event.target.value)}}}),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.filter.Radius),expression:\"filter.Radius\"}],on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.filter, \"Radius\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"value\":\"5\"}},[_vm._v(\"5 KM\")]),_c('option',{attrs:{\"value\":\"10\"}},[_vm._v(\"10 KM\")]),_c('option',{attrs:{\"value\":\"15\"}},[_vm._v(\"15 KM\")])])]),_c('div',{staticClass:\"form__field form__field--simple margin-bottom-half\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.filter.Name),expression:\"filter.Name\"}],attrs:{\"type\":\"text\",\"placeholder\":\"Naam sportlocatie\"},domProps:{\"value\":(_vm.filter.Name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.filter, \"Name\", $event.target.value)}}})]),_c('div',{staticClass:\"form__field form__field--simple margin-bottom-half\"},[_c('button',{staticClass:\"button button--style-2 button--block text--size-2\",attrs:{\"disabled\":!_vm.filter.ZipcodeOrCity && !_vm.filter.Name,\"type\":\"submit\"}},[_vm._v(\"Vind mijn sportlocatie\")]),(_vm.filteredLocations.length)?_c('p',{staticClass:\"pargraph center no-margin\",on:{\"click\":function($event){$event.preventDefault();}}},[_c('a',{staticClass:\"reset-filters\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.reset()}}},[_vm._v(\"Filters wissen\")])]):_vm._e()])])]),(_vm.selectedLocation != null)?_c('div',{staticClass:\"results\"},[_vm._m(0),_c('div',{staticClass:\"results__item\",on:{\"mouseenter\":function($event){return _vm.highlightMarker(_vm.selectedLocation.id)},\"mouseleave\":function($event){return _vm.unHighlightMarker(_vm.selectedLocation.id)}}},[(_vm.selectedLocation.logo)?_c('figure',{staticClass:\"results__item__image\"},[_c('img',{attrs:{\"loading\":\"lazy\",\"src\":(\"https://www.mijnbfnl.nl/fclogos/\" + (_vm.selectedLocation.logo) + \"?width=70&height=60\")}})]):_vm._e(),_c('div',{staticClass:\"results__item__content\"},[_c('h2',{staticClass:\"heading heading--size-1 no-margin text-align--left\"},[_vm._v(_vm._s(_vm.selectedLocation.name))]),_c('p',{staticClass:\"paragraph\"},[_vm._v(_vm._s(_vm.selectedLocation.addressLine1)+\" · \"+_vm._s(_vm.selectedLocation.addressLine2))])]),(_vm.selectedLocation.id === 7458)?_c('figure',{staticClass:\"results__item__bfsw\"},[_c('img',{attrs:{\"width\":\"70\",\"src\":\"/assets/static/vue-bfnl-locations/assets/bfsw.png\"}})]):_vm._e()]),_c('div',{staticStyle:{\"padding\":\"20px 20px 10px\"}},[_c('a',{staticClass:\"link\",staticStyle:{\"text-decoration\":\"none\"},attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();_vm.resetMarker(_vm.selectedLocation.id);_vm.selectedLocation = null}}},[_vm._v(\"← Terug naar zoekresultaten\")])])]):(_vm.filteredLocations.length)?_c('div',{staticClass:\"results\"},[_c('div',{staticStyle:{\"padding\":\"0 20px 10px\"}},[_c('h2',{staticClass:\"heading heading--size-1 no-margin text-align--left color--black\"},[_vm._v(\"We hebben \"),_c('span',{staticClass:\"color--brand-1\"},[_vm._v(_vm._s(_vm.filteredLocations.length))]),_vm._v(\" sportlocaties gevonden\")])]),_vm._l((_vm.filteredLocations),function(item){return _c('div',{key:(\"location_\" + (item.id)),staticClass:\"results__item\",on:{\"click\":function($event){_vm.showLocationInfo(item.id, _vm.getMarker(item.id))},\"mouseenter\":function($event){return _vm.highlightMarker(item.id)},\"mouseleave\":function($event){return _vm.unHighlightMarker(item.id)}}},[(item.logo)?_c('figure',{staticClass:\"results__item__image\"},[_c('img',{attrs:{\"src\":(\"https://www.mijnbfnl.nl/fclogos/\" + (item.logo) + \"?width=70&height=60\"),\"loading\":\"lazy\"}})]):_vm._e(),_c('div',{staticClass:\"results__item__content\",class:{ 'addPadding': (_vm.searchBasedOnLocation || (!_vm.searchBasedOnLocation && !item.isMatchOnName)) }},[_c('h2',{staticClass:\"heading heading--size-1 no-margin text-align--left\",class:{ 'color--brand-3': item.isMatchOnName, 'color--brand-1': !item.isMatchOnName }},[_vm._v(_vm._s(item.name))]),_c('p',{staticClass:\"paragraph\"},[_vm._v(_vm._s(item.addressLine1)+\" · \"+_vm._s(item.addressLine2))]),(_vm.windowWidth < 1024)?_c('p',{staticClass:\"paragraph\",staticStyle:{\"margin-top\":\"5px\"}},[_c('a',{attrs:{\"target\":\"_blank\",\"href\":(\"https://www.google.com/maps/search/?api=1&query=\" + (item.addressLine1) + \",\" + (item.addressLine2))}},[_vm._v(\"Bekijk op kaart\")])]):_vm._e()]),(item.id === 7458)?_c('figure',{staticClass:\"results__item__bfsw\"},[_c('img',{attrs:{\"width\":\"70\",\"src\":\"/assets/static/vue-bfnl-locations/assets/bfsw.png\"}})]):_vm._e(),(_vm.searchBasedOnLocation || (!_vm.searchBasedOnLocation && !item.isMatchOnName))?_c('div',{staticClass:\"label\"},[_vm._v(_vm._s(item.distanceInKilometer)+\" KM\")]):_vm._e()])})],2):(_vm.locations.length && !_vm.loading && _vm.hasSearched)?_c('div',[_c('div',{staticStyle:{\"padding\":\"0 20px 10px\"}},[_c('h2',{staticClass:\"heading heading--size-1 no-margin text-align--left color--black\"},[_vm._v(\"We hebben geen sportlocaties gevonden\")]),_c('p',[_vm._v(\"Pas je zoekopdracht aan en probeer het opnieuw. \"),_c('a',{staticClass:\"reset-filters\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.reset()}}},[_vm._v(\"Filters wissen\")])])])]):_vm._e(),(false)?_c('div',{staticClass:\"info\"},[_c('h2',{staticClass:\"heading heading--size-1 no-margin text-align--left color--brand-2\"},[_vm._v(\"Staat je sportlocatie er niet tussen?\")]),_c('p',{staticClass:\"paragraph color--white\"},[_vm._v(\"Attendeer jouw sportlocatie op BFNL!\")])]):_vm._e()]],2)],2)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"padding\":\"0 20px 10px\"}},[_c('h2',{staticClass:\"heading heading--size-1 no-margin text-align--left color--black\"},[_vm._v(\"Geselecteerde sportlocatie\")])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('label',[_c('input',{ref:\"input\",attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":this.filter.active},on:{\"change\":function($event){return _vm.updateFilter()}}}),_c('span',[_vm._v(_vm._s(this.text))])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <label>\r\n      <input type=\"checkbox\" :checked=\"this.filter.active\" ref=\"input\" v-on:change=\"updateFilter()\"/>\r\n      <span>{{ this.text }}</span>\r\n    </label>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      text: this.filter.text\r\n    }\r\n  },\r\n  name: 'MapFilter',\r\n  props: [\r\n    'filter'\r\n  ],\r\n  components: {},\r\n  methods: {\r\n    updateFilter: function() {\r\n      this.filter.active = this.$refs.input.checked\r\n    }\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MapFilter.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MapFilter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MapFilter.vue?vue&type=template&id=6930e869&\"\nimport script from \"./MapFilter.vue?vue&type=script&lang=js&\"\nexport * from \"./MapFilter.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('GmapMarker',{attrs:{\"position\":_vm.position,\"clickable\":true,\"draggable\":false,\"options\":{ icon: _vm.image }},on:{\"click\":_vm.markerClicked}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <GmapMarker\r\n    :position=\"position\"\r\n    :clickable=\"true\"\r\n    :draggable=\"false\"\r\n    v-on:click=\"markerClicked\"\r\n    :options=\"{ icon: image }\"\r\n  >\r\n  </GmapMarker>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      id: Number(this.marker.id),\r\n      type: Number(this.marker.type),\r\n      position: {\r\n        lat: Number(this.marker.latitude),\r\n        lng: Number(this.marker.longitude)\r\n      },\r\n      image: '//bfnl.nl/assets/images/marker.png'\r\n    }\r\n  },\r\n  name: 'MapMarker',\r\n  props: [\r\n    'marker',\r\n    'selectedLocation'\r\n  ],\r\n  methods: {\r\n    markerClicked: function() {\r\n      this.$emit('location-selected', this.marker.id);\r\n    }\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MapMarker.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MapMarker.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MapMarker.vue?vue&type=template&id=12bf5c77&\"\nimport script from \"./MapMarker.vue?vue&type=script&lang=js&\"\nexport * from \"./MapMarker.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export const GoogleMapsStyle = [\r\n  {\r\n    \"featureType\": \"water\",\r\n    \"elementType\": \"geometry.fill\",\r\n    \"stylers\": [\r\n      {\r\n        \"color\": \"#C5E7FF\"\r\n      }\r\n    ]\r\n  },\r\n  {\r\n    \"featureType\": \"transit\",\r\n    \"stylers\": [\r\n      {\r\n        \"color\": \"#808080\"\r\n      },\r\n      {\r\n        \"visibility\": \"off\"\r\n      }\r\n    ]\r\n  },\r\n  {\r\n    \"featureType\": \"road.highway\",\r\n    \"elementType\": \"geometry.stroke\",\r\n    \"stylers\": [\r\n      {\r\n        \"visibility\": \"on\"\r\n      },\r\n      {\r\n        \"color\": \"#b3b3b3\"\r\n      }\r\n    ]\r\n  },\r\n  {\r\n    \"featureType\": \"road.highway\",\r\n    \"elementType\": \"geometry.fill\",\r\n    \"stylers\": [\r\n      {\r\n        \"color\": \"#ffffff\"\r\n      }\r\n    ]\r\n  },\r\n  {\r\n    \"featureType\": \"road.local\",\r\n    \"elementType\": \"geometry.fill\",\r\n    \"stylers\": [\r\n      {\r\n        \"visibility\": \"on\"\r\n      },\r\n      {\r\n        \"color\": \"#ffffff\"\r\n      },\r\n      {\r\n        \"weight\": 1.8\r\n      }\r\n    ]\r\n  },\r\n  {\r\n    \"featureType\": \"road.local\",\r\n    \"elementType\": \"geometry.stroke\",\r\n    \"stylers\": [\r\n      {\r\n        \"color\": \"#d7d7d7\"\r\n      }\r\n    ]\r\n  },\r\n  {\r\n    \"featureType\": \"poi\",\r\n    \"elementType\": \"geometry.fill\",\r\n    \"stylers\": [\r\n      {\r\n        \"visibility\": \"on\"\r\n      },\r\n      {\r\n        \"color\": \"#ebebeb\"\r\n      }\r\n    ]\r\n  },\r\n  {\r\n    \"featureType\": \"administrative\",\r\n    \"elementType\": \"geometry\",\r\n    \"stylers\": [\r\n      {\r\n        \"color\": \"#a7a7a7\"\r\n      }\r\n    ]\r\n  },\r\n  {\r\n    \"featureType\": \"road.arterial\",\r\n    \"elementType\": \"geometry.fill\",\r\n    \"stylers\": [\r\n      {\r\n        \"color\": \"#ffffff\"\r\n      }\r\n    ]\r\n  },\r\n  {\r\n    \"featureType\": \"road.arterial\",\r\n    \"elementType\": \"geometry.fill\",\r\n    \"stylers\": [\r\n      {\r\n        \"color\": \"#ffffff\"\r\n      }\r\n    ]\r\n  },\r\n  {\r\n    \"featureType\": \"landscape\",\r\n    \"elementType\": \"geometry.fill\",\r\n    \"stylers\": [\r\n      {\r\n        \"visibility\": \"on\"\r\n      },\r\n      {\r\n        \"color\": \"#efefef\"\r\n      }\r\n    ]\r\n  },\r\n  {\r\n    \"featureType\": \"road\",\r\n    \"elementType\": \"labels.text.fill\",\r\n    \"stylers\": [\r\n      {\r\n        \"color\": \"#696969\"\r\n      }\r\n    ]\r\n  },\r\n  {\r\n    \"featureType\": \"administrative\",\r\n    \"elementType\": \"labels.text.fill\",\r\n    \"stylers\": [\r\n      {\r\n        \"visibility\": \"on\"\r\n      },\r\n      {\r\n        \"color\": \"#737373\"\r\n      }\r\n    ]\r\n  },\r\n  {\r\n    \"featureType\": \"poi\",\r\n    \"elementType\": \"labels.icon\",\r\n    \"stylers\": [\r\n      {\r\n        \"visibility\": \"off\"\r\n      }\r\n    ]\r\n  },\r\n  {\r\n    \"featureType\": \"poi\",\r\n    \"elementType\": \"labels\",\r\n    \"stylers\": [\r\n      {\r\n        \"visibility\": \"off\"\r\n      }\r\n    ]\r\n  },\r\n  {\r\n    \"featureType\": \"road.arterial\",\r\n    \"elementType\": \"geometry.stroke\",\r\n    \"stylers\": [\r\n      {\r\n        \"color\": \"#d6d6d6\"\r\n      }\r\n    ]\r\n  },\r\n  {\r\n    \"featureType\": \"road\",\r\n    \"elementType\": \"labels.icon\",\r\n    \"stylers\": [\r\n      {\r\n        \"visibility\": \"off\"\r\n      }\r\n    ]\r\n  },\r\n  {},\r\n  {\r\n    \"featureType\": \"poi\",\r\n    \"elementType\": \"geometry.fill\",\r\n    \"stylers\": [\r\n      {\r\n        \"color\": \"#dadada\"\r\n      }\r\n    ]\r\n  }\r\n];\r\n","<template>\r\n  <div>\r\n    <div class=\"row row--wrap row--nogutter row--responsive row--align-center no-margin--important\">\r\n      <template v-if=\"state === 'INTRO'\">\r\n        <template v-if=\"windowWidth >= 1024\">\r\n          <div class=\"col col--66 col--100-l map-preview\">\r\n            <a class=\"start-button\" @click.prevent=\"initMap()\" href=\"#\" style=\"line-height:1.25;display:flex;justify-content:center;align-items:center;\">\r\n              <span>Bekijk alle<br/><span style=\"font-size:32px;font-weight:700;\">{{ locationsCount }}</span><br/>sportlocaties</span>\r\n            </a>\r\n          </div>\r\n        </template>\r\n        <template v-else>\r\n          <img src=\"/assets/static/vue-bfnl-locations/assets/bg.jpg\"/>\r\n        </template>\r\n      </template>\r\n      <template v-else-if=\"windowWidth >= 1024\">\r\n        <div class=\"col col--66 col--100-l map-view \">\r\n          <GmapMap\r\n            :center=\"selectedPlace\"\r\n            :options=\"{\r\n              styles: mapsStyle,\r\n              disableDefaultUI: true\r\n            }\"\r\n            map-type-id=\"terrain\"\r\n            ref=\"gmap\"\r\n            style=\"width: 100%; max-height: 800px; height: 100%; min-height: 550px;\"\r\n            :zoom=\"7.5\"\r\n          />\r\n        </div>\r\n      </template>\r\n      <div class=\"col col--33 col--100-l\" style=\"overflow-y: auto;\" ref=\"results\">\r\n        <template>\r\n          <div style=\"padding: 20px 20px 10px;\">\r\n            <h2 class=\"heading heading--size-2 color--black\">{{ locationsCount }} sportlocaties</h2>\r\n            <p v-if=\"!hasSearched && !selectedLocation\">Of je nu al jaren sport beoefent of voor het eerst weer in beweging komt: bedrijfsfitness is voor iedereen geschikt! Het aanbod varieert enorm: spinnen, yoga, pilates, steps, zwemmen, crossfit of fysiofitness, het kan allemaal. Wij faciliteren het grootste bedrijfsfitnessnetwerk van Nederland. Ontdek wat er allemaal bij jou in de buurt zit!</p>\r\n            <form class=\"form\" @submit.prevent=\"searchLocations()\">\r\n              <div class=\"form__field form__field--flex form__field--simple margin-bottom-half\">\r\n                <input v-model=\"filter.ZipcodeOrCity\" type=\"text\" placeholder=\"Plaatsnaam of postcode\">\r\n                <select v-model=\"filter.Radius\">\r\n                  <option value=\"5\">5 KM</option>\r\n                  <option value=\"10\">10 KM</option>\r\n                  <option value=\"15\">15 KM</option>\r\n                </select>\r\n              </div>\r\n              <div class=\"form__field form__field--simple margin-bottom-half\">\r\n                <input v-model=\"filter.Name\" type=\"text\" placeholder=\"Naam sportlocatie\">\r\n              </div>\r\n              <div class=\"form__field form__field--simple margin-bottom-half\">\r\n                <button :disabled=\"!filter.ZipcodeOrCity && !filter.Name\" type=\"submit\" class=\"button button--style-2 button--block text--size-2\">Vind mijn sportlocatie</button>\r\n                <p v-if=\"filteredLocations.length\" @click.prevent=\"\" class=\"pargraph center no-margin\"><a class=\"reset-filters\" href=\"#\" @click.prevent=\"reset()\">Filters wissen</a></p>\r\n              </div>\r\n            </form>\r\n          </div>\r\n          <div v-if=\"selectedLocation != null\" class=\"results\">\r\n            <div style=\"padding: 0 20px 10px;\">\r\n              <h2 class=\"heading heading--size-1 no-margin text-align--left color--black\">Geselecteerde sportlocatie</h2>\r\n            </div>\r\n            <div class=\"results__item\" @mouseenter=\"highlightMarker(selectedLocation.id)\" @mouseleave=\"unHighlightMarker(selectedLocation.id)\">\r\n              <figure v-if=\"selectedLocation.logo\" class=\"results__item__image\">\r\n                <img loading=\"lazy\" :src=\"`https://www.mijnbfnl.nl/fclogos/${selectedLocation.logo}?width=70&height=60`\">\r\n              </figure>\r\n              <div class=\"results__item__content\">\r\n                <h2 class=\"heading heading--size-1 no-margin text-align--left\">{{ selectedLocation.name }}</h2>\r\n                <p class=\"paragraph\">{{ selectedLocation.addressLine1 }} &middot; {{ selectedLocation.addressLine2 }}</p>\r\n              </div>\r\n              <figure v-if=\"selectedLocation.id === 7458\" class=\"results__item__bfsw\">\r\n                <img width=\"70\" :src=\"`/assets/static/vue-bfnl-locations/assets/bfsw.png`\">\r\n              </figure>\r\n            </div>\r\n            <div style=\"padding: 20px 20px 10px;\">\r\n              <a class=\"link\" style=\"text-decoration: none;\" href=\"#\" @click.prevent=\"resetMarker(selectedLocation.id);selectedLocation = null\">&larr; Terug naar zoekresultaten</a>\r\n            </div>\r\n          </div>\r\n          <div v-else-if=\"filteredLocations.length\" class=\"results\">\r\n            <div style=\"padding: 0 20px 10px;\">\r\n              <h2 class=\"heading heading--size-1 no-margin text-align--left color--black\">We hebben <span class=\"color--brand-1\">{{ filteredLocations.length }}</span> sportlocaties gevonden</h2>\r\n            </div>\r\n\r\n            <div v-for=\"item in filteredLocations\" :key=\"`location_${item.id}`\" class=\"results__item\" @click=\"showLocationInfo(item.id, getMarker(item.id))\" @mouseenter=\"highlightMarker(item.id)\" @mouseleave=\"unHighlightMarker(item.id)\">\r\n              <figure v-if=\"item.logo\" class=\"results__item__image\">\r\n                <img :src=\"`https://www.mijnbfnl.nl/fclogos/${item.logo}?width=70&height=60`\" loading=\"lazy\">\r\n              </figure>\r\n              <div\r\n                :class=\"{ 'addPadding': (searchBasedOnLocation || (!searchBasedOnLocation && !item.isMatchOnName)) }\"\r\n                class=\"results__item__content\"\r\n              >\r\n                <h2 class=\"heading heading--size-1 no-margin text-align--left\" :class=\"{ 'color--brand-3': item.isMatchOnName, 'color--brand-1': !item.isMatchOnName }\">{{ item.name }}</h2>\r\n                  <p class=\"paragraph\">{{ item.addressLine1 }} &middot; {{ item.addressLine2 }}</p>\r\n                  <p v-if=\"windowWidth < 1024\" class=\"paragraph\" style=\"margin-top:5px;\"><a target=\"_blank\" :href=\"`https://www.google.com/maps/search/?api=1&query=${item.addressLine1},${item.addressLine2}`\">Bekijk op kaart</a>\r\n                </p>\r\n              </div>\r\n              <figure v-if=\"item.id === 7458\" class=\"results__item__bfsw\">\r\n                <img width=\"70\" :src=\"`/assets/static/vue-bfnl-locations/assets/bfsw.png`\">\r\n              </figure>\r\n              <div class=\"label\" v-if=\"searchBasedOnLocation || (!searchBasedOnLocation && !item.isMatchOnName)\">{{ item.distanceInKilometer }} KM</div>\r\n            </div>\r\n\r\n          </div>\r\n          <div v-else-if=\"locations.length && !loading && hasSearched\">\r\n            <div style=\"padding: 0 20px 10px;\">\r\n              <h2 class=\"heading heading--size-1 no-margin text-align--left color--black\">We hebben geen sportlocaties gevonden</h2>\r\n              <p>Pas je zoekopdracht aan en probeer het opnieuw. <a class=\"reset-filters\" href=\"#\" @click.prevent=\"reset()\">Filters wissen</a></p>\r\n            </div>\r\n          </div>\r\n          <div class=\"info\" v-if=\"false\">\r\n            <h2 class=\"heading heading--size-1 no-margin text-align--left color--brand-2\">Staat je sportlocatie er niet tussen?</h2>\r\n            <p class=\"paragraph color--white\">Attendeer jouw sportlocatie op BFNL!</p>\r\n          </div>\r\n        </template>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport axios from 'axios'\r\n\r\nimport GmapCluster from 'vue2-google-maps/dist/components/cluster'\r\n\r\nimport MarkerClusterer from 'marker-clusterer-plus'\r\n\r\nimport MapFilter from '../components/MapFilter'\r\nimport MapMarker from '../components/MapMarker'\r\n\r\nimport { GoogleMapsStyle } from '../utils/maps.js'\r\n\r\nlet ICON = {}\r\n\r\nconst COLORS = {\r\n  RED: '#e84f23',\r\n  GREEN: '#cad008',\r\n  BLUE: '#00a0d7',\r\n  GREY: '#979797'\r\n}\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n\r\n      filter: {\r\n        Radius: 5,\r\n        Name: null,\r\n        ZipcodeOrCity: null\r\n      },\r\n      filteredLocations: [],\r\n      hasSearched: false,\r\n      loading: false,\r\n      locationsCount: 0,\r\n      mapsStyle: GoogleMapsStyle,\r\n      locations: [],\r\n      searchBasedOnLocation: false,\r\n      selectedLocation: null,\r\n      selectedPlace: {\r\n        lat: 52.132633,\r\n        lng: 5.2912659999999505\r\n      },\r\n      state: 'INTRO',\r\n      windowWidth: 0,\r\n    }\r\n  },\r\n  name: 'Map',\r\n  components: {\r\n    GmapCluster,\r\n    MapFilter,\r\n    MapMarker\r\n  },\r\n  mounted() {\r\n    this.windowWidth = window.innerWidth\r\n\r\n    axios\r\n      .get('/website/StatisticsCounter/GetStatisticsCounter')\r\n      .then(response => {\r\n        this.locationsCount = response.data.sportLocations\r\n      })\r\n  },\r\n  methods: {\r\n    fetchLocations: function() {\r\n      this.locations = []\r\n      this.loading = true\r\n\r\n      axios\r\n        .get('/website/GoogleMaps/GetSportLocations')\r\n        .then(response => {\r\n          this.locations = response.data\r\n          this.loading = false\r\n          this.drawMarkers()\r\n        })\r\n    },\r\n    initMap: async function() {\r\n      this.state = 'MAP'\r\n      this.$nextTick(() => {\r\n        this.$refs.gmap.$mapPromise.then(() => {\r\n\r\n          ICON = {\r\n            path: \"M-20,0a20,20 0 1,0 40,0a20,20 0 1,0 -40,0\",\r\n            fillColor: COLORS.GREEN,\r\n            fillOpacity: 1,\r\n            anchor: new google.maps.Point(0,0),\r\n            strokeWeight: 0,\r\n            scale: .33\r\n          }\r\n\r\n          this.cluster = new MarkerClusterer(this.$refs.gmap.$mapObject, [], {\r\n            styles: [{\r\n              url: `data:image/svg+xml;charset=UTF-8;base64,${btoa(`\r\n                    <svg width=\"20px\" height=\"20px\" viewBox=\"0 0 10 10\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\r\n                      <g id=\"Oval\" fill=\"${ COLORS.GREEN }\">\r\n                          <circle cx=\"5\" cy=\"5\" r=\"5\"></circle>\r\n                      </g>\r\n                    </svg>`)}`,\r\n              height: 20,\r\n              width: 20,\r\n              anchor: [15, 0],\r\n              textColor: '#ffffff',\r\n              textSize: 0\r\n            },{\r\n              url: `data:image/svg+xml;charset=UTF-8;base64,${btoa(`\r\n                    <svg width=\"20px\" height=\"20px\" viewBox=\"0 0 10 10\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\r\n                      <g id=\"Oval\" fill=\"${ COLORS.RED }\">\r\n                          <circle cx=\"5\" cy=\"5\" r=\"5\"></circle>\r\n                      </g>\r\n                    </svg>`)}`,\r\n              height: 20,\r\n              width: 20,\r\n              anchor: [15, 0],\r\n              textColor: '#ffffff',\r\n              textSize: 0\r\n            },{\r\n              url: `data:image/svg+xml;charset=UTF-8;base64,${btoa(`\r\n                    <svg width=\"20px\" height=\"20px\" viewBox=\"0 0 10 10\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\r\n                      <g id=\"Oval\" fill=\"${ COLORS.GREY }\">\r\n                          <circle cx=\"5\" cy=\"5\" r=\"5\"></circle>\r\n                      </g>\r\n                    </svg>`)}`,\r\n              height: 20,\r\n              width: 20,\r\n              anchor: [15, 0],\r\n              textColor: '#ffffff',\r\n              textSize: 0\r\n            },{\r\n              url: `data:image/svg+xml;charset=UTF-8;base64,${btoa(`\r\n                    <svg width=\"20px\" height=\"20px\" viewBox=\"0 0 10 10\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\r\n                      <g id=\"Oval\" fill=\"${ COLORS.BLUE }\">\r\n                          <circle cx=\"5\" cy=\"5\" r=\"5\"></circle>\r\n                      </g>\r\n                    </svg>`)}`,\r\n              height: 20,\r\n              width: 20,\r\n              anchor: [15, 0],\r\n              textColor: '#ffffff',\r\n              textSize: 0\r\n            }],\r\n            minimumClusterSize: 2,\r\n            maxZoom: 12,\r\n            gridSize: 30\r\n          })\r\n\r\n          this.cluster.setCalculator(() => {\r\n            return { text: '', index: 1 }\r\n          })\r\n\r\n          this.fetchLocations()\r\n        })\r\n      })\r\n    },\r\n    showLocationInfo: function(id, marker) {\r\n      axios\r\n        .get('/website/GoogleMaps/GetSportLocationDetails/', { params: {\r\n          id: id\r\n        }})\r\n        .then(response => {\r\n          if (this.windowWidth >= 1024 && this.selectedLocation && this.selectedLocation.id) {\r\n            const previousMarker = this.getMarker(this.selectedLocation.id)\r\n            previousMarker.selected = false\r\n            this.resetMarker(this.selectedLocation.id)\r\n          }\r\n\r\n          this.selectedLocation = response.data\r\n\r\n          if (this.windowWidth >= 1024) {\r\n            let icon = ICON\r\n            icon.fillColor = COLORS.RED\r\n\r\n            marker.setIcon(icon)\r\n            marker.selected = true\r\n\r\n            this.$refs.gmap.$mapObject.setZoom(14)\r\n            this.$refs.gmap.$mapObject.panTo(marker.position)\r\n          } else {\r\n            this.$refs.results.scrollIntoView()\r\n          }\r\n        })\r\n        .catch(() => {\r\n          this.selectedLocation = null\r\n        })\r\n    },\r\n\r\n    getMarker: function(id) {\r\n      const result = this.cluster.getMarkers().filter(location => {\r\n        return location.dataId === id\r\n      })\r\n      return result[0] || null\r\n    },\r\n    highlightMarker: function(id) {\r\n      const marker = this.getMarker(id)\r\n      let icon = Object.assign({}, ICON)\r\n      icon.fillColor = COLORS.GREEN\r\n      marker.setIcon(icon)\r\n    },\r\n    unHighlightMarker: function(id) {\r\n      const marker = this.getMarker(id)\r\n      if (marker.selected) {\r\n        let icon = Object.assign({}, ICON)\r\n        icon.fillColor = COLORS.RED\r\n        marker.setIcon(icon)\r\n      } else {\r\n        marker.setIcon(marker.initialIcon)\r\n      }\r\n    },\r\n    resetMarker: function(id) {\r\n      if (this.windowWidth >= 1024) {\r\n        const marker = this.getMarker(id)\r\n        marker.selected = false\r\n        marker.setIcon(marker.initialIcon)\r\n      }\r\n    },\r\n\r\n    searchLocations: function() {\r\n      if (this.state !== 'MAP' && this.windowWidth >= 1024) {\r\n        this.initMap()\r\n      }\r\n      this.filteredLocations = []\r\n      this.loading = true\r\n      this.hasSearched = false\r\n      this.selectedLocation = null\r\n\r\n      let endpoint = '/website/GoogleMaps/SearchSportLocationsByName'\r\n      this.searchBasedOnLocation = false\r\n      if(this.filter.ZipcodeOrCity !== null && this.filter.ZipcodeOrCity !== '') {\r\n        endpoint = '/website/GoogleMaps/SearchSportLocationsByLocation'\r\n        this.searchBasedOnLocation = true\r\n      }\r\n\r\n      axios\r\n        .get(endpoint, { params: this.filter })\r\n        .then(response => {\r\n          this.hasSearched = true\r\n\r\n          response.data.sportLocations.map((item) => {\r\n            if (!this.searchBasedOnLocation) {\r\n              item.isMatchOnName = true\r\n            }\r\n            this.filteredLocations.push(item)\r\n          })\r\n\r\n          if (response.data.surroundingSportLocations) {\r\n            response.data.surroundingSportLocations.map((item) => {\r\n              item.isSurrounding = true\r\n              this.filteredLocations.push(item)\r\n            })\r\n          }\r\n\r\n          if (this.windowWidth >= 1024) {\r\n            this.drawMarkers()\r\n          }\r\n\r\n          this.loading = false\r\n        })\r\n    },\r\n\r\n    drawMarkers: function() {\r\n      const fLocs = this.filteredLocations\r\n      const DEFAULT_COLOR = this.hasSearched ? COLORS.GREY : COLORS.GREEN\r\n\r\n      this.markers = []\r\n      let markers = []\r\n\r\n      if (this.cluster) {\r\n        this.cluster.clearMarkers()\r\n      }\r\n\r\n      this.locations.map(location => {\r\n        let isMatch = false\r\n        let isAround = false\r\n        let iconMarkerPath = ICON\r\n        iconMarkerPath.fillColor = DEFAULT_COLOR\r\n\r\n        const match = fLocs.find(loc => {\r\n          return location.id == loc.id\r\n        })\r\n\r\n        if (match) {\r\n          if (match.isMatchOnName) {\r\n            isMatch = true\r\n            iconMarkerPath.fillColor = COLORS.RED\r\n          } else {\r\n            isAround = true\r\n            iconMarkerPath.fillColor = COLORS.BLUE\r\n          }\r\n        }\r\n\r\n        let initialIcon = Object.assign({}, ICON)\r\n        initialIcon.fillColor = iconMarkerPath.fillColor\r\n\r\n        let marker = new google.maps.Marker({\r\n          position: { lat: location.latitude, lng: location.longitude },\r\n          dataId: Number(location.id),\r\n          icon: iconMarkerPath,\r\n          initialIcon: initialIcon,\r\n          isMatchOnName: isMatch,\r\n          isSurrounding: isAround,\r\n          selected: false,\r\n        })\r\n\r\n        const _this = this\r\n        marker.addListener('click', function() {\r\n          _this.showLocationInfo(marker.dataId, marker)\r\n        })\r\n\r\n        markers.push(marker)\r\n      })\r\n\r\n      // markers.forEach(m => {\r\n      //   m.setMap(null)\r\n      //   m.addListener('click', () => {\r\n      //     this.showLocationInfo(m.dataId, m)\r\n      //   })\r\n      // })\r\n\r\n      if (this.hasSearched) {\r\n        this.cluster.setCalculator(markers => {\r\n          let obj = { text: '', index: 3 }\r\n          for(let i = 0; i < markers.length; i++) {\r\n            if (markers[i].isMatchOnName) {\r\n              return { text: '', index: 2 }\r\n            } else if (markers[i].isSurrounding) {\r\n              obj = { text: '', index: 4 }\r\n            }\r\n          }\r\n          return obj\r\n        })\r\n      }\r\n\r\n      this.cluster.addMarkers(markers)\r\n\r\n      this.setMapBounds()\r\n    },\r\n    setMapBounds: function () {\r\n      const fLocs = this.filteredLocations\r\n      let bounds = new google.maps.LatLngBounds()\r\n      this.locations.filter(location => {\r\n        const isMatch = fLocs.filter(loc => {\r\n          return loc.id === location.id\r\n        }).length\r\n        if (fLocs.length) {\r\n          return isMatch\r\n        } else {\r\n          return true\r\n        }\r\n      }).forEach(marker => {\r\n        bounds.extend(new google.maps.LatLng(marker.latitude, marker.longitude))\r\n      })\r\n      this.$refs.gmap.fitBounds(bounds)\r\n    },\r\n    reset: function() {\r\n      this.hasSearched = false\r\n      this.filter = {\r\n        ZipcodeOrCity: null,\r\n        Name: null,\r\n        Radius: 5,\r\n      }\r\n      this.filteredLocations = []\r\n      if (this.windowWidth >= 1024) {\r\n        this.cluster.setCalculator(() => {\r\n          return { text: '', index: 1 }\r\n        })\r\n        this.drawMarkers()\r\n      }\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  .center {\r\n    text-align:center;\r\n  }\r\n\r\n  .reset-filters {\r\n    color: #666;\r\n    font-size: 14px;\r\n    text-decoration: none;\r\n\r\n    &:hover {\r\n      text-decoration: underline;\r\n    }\r\n  }\r\n\r\n  .app-locations .row {\r\n    position: relative;\r\n    // max-height: 100vh;\r\n    // overflow-y: auto;\r\n\r\n    @media only screen and (min-width: 1024px) {\r\n      height: 100vh;\r\n      min-height: 550px;\r\n      max-height: 800px;\r\n    }\r\n\r\n    .col {\r\n      max-height: 100%;\r\n    }\r\n  }\r\n\r\n  .map-view {\r\n    height: 100%;\r\n    max-height: 800px;\r\n    min-height: 550px;\r\n  }\r\n\r\n  .map-preview {\r\n    background: url(/assets/static/vue-bfnl-locations/assets/bg.jpg) 50%;\r\n    background-size: cover;\r\n    align-items: center;\r\n    display: flex;\r\n    justify-content: center;\r\n    height: 100vh;\r\n    max-height: 800px;\r\n    min-height: 550px;\r\n  }\r\n\r\n  .start-button {\r\n    width: 150px;\r\n    height: 150px;\r\n    border-radius: 50%;\r\n    background-color: #e84f23;\r\n    color: white;\r\n    text-align: center;\r\n    display: flex;\r\n    text-decoration: none;\r\n    align-items: center;\r\n    box-shadow: 0 5px 20px rgba(0, 0, 0, .25);\r\n\r\n    &:hover {\r\n      color: #e84f23;\r\n      background-color: white;\r\n    }\r\n  }\r\n\r\n  .overlay {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    z-index: 999;\r\n    transition: transform 500ms ease-in-out;\r\n\r\n    .overlay__show-hide {\r\n      position: absolute;\r\n      top: 40px;\r\n      left: 100%;\r\n      width: 32px;\r\n      height: 32px;\r\n      background: black;\r\n      border-radius: 0 5px 5px 0;\r\n      color: white;\r\n      text-align: center;\r\n      line-height: 32px;\r\n      text-decoration: none;\r\n    }\r\n\r\n    &.hidden {\r\n      transform: translateX(-100%);\r\n\r\n      .overlay__show-hide span {\r\n        transform: rotate(180deg);\r\n        display: inline-block;\r\n      }\r\n    }\r\n  }\r\n\r\n  .close {\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 0;\r\n    z-index: 999;\r\n    color: #cad008;\r\n    font-weight: bold;\r\n\r\n    &:hover {\r\n      color: white;\r\n    }\r\n  }\r\n\r\n  a.close {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 20px;\r\n    border-radius: 20px;\r\n    background-color: black;\r\n    padding: 5px 20px;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .overlay {\r\n    background-color: #ffffff;\r\n    border-radius: 0 10px 10px 0;\r\n    box-shadow: 0 0 20px rgba(0, 0, 0, .25);\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    flex-direction: column;\r\n    left: 0;\r\n    max-height: 750px;\r\n    // height: 100vh;\r\n    max-width: 450px;\r\n    padding: 15px 0 0;\r\n    position: absolute;\r\n    top: 50px;\r\n    min-width: 320px;\r\n    // transform: translateY(-50%);\r\n  }\r\n\r\n  .form {\r\n    margin-bottom: 5px;\r\n    flex: 0 0 auto;\r\n    /*padding: 0 15px;*/\r\n\r\n    .form__field--flex {\r\n      display: flex;\r\n      flex-wrap: nowrap;\r\n\r\n      select {\r\n        margin-left: 10px;\r\n        width: 50px;\r\n      }\r\n\r\n      input[type=text] {\r\n        padding-right: 10px;\r\n        max-width: none;\r\n      }\r\n    }\r\n\r\n    input[type=text] {\r\n      max-width: none;\r\n    }\r\n\r\n    .button {\r\n      outline: none;\r\n      width: 100%;\r\n\r\n      &[disabled] {\r\n        background-color: #e6e6e6;\r\n        color: grey;\r\n        cursor: default;\r\n      }\r\n    }\r\n  }\r\n\r\n  .results {\r\n    flex: 0 1 auto;\r\n    overflow-y: auto;\r\n  }\r\n\r\n  .results__item {\r\n    cursor: pointer;\r\n    background: #f6f6f6;\r\n    padding: 20px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    display: flex;\r\n    align-items: center;\r\n    min-height: 70px;\r\n\r\n    &:hover {\r\n      background: #e6e6e6;\r\n    }\r\n\r\n    &:nth-of-type(2n+1) {\r\n      background: rgba(#e6e6e6, .5);\r\n\r\n      &:hover {\r\n        background: #e6e6e6;\r\n      }\r\n    }\r\n\r\n    h2 {\r\n      font-size: 16px;\r\n    }\r\n\r\n    .paragraph {\r\n      font-size: 14px;\r\n      line-height: 1.2;\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    &__image {\r\n      flex: 0 auto;\r\n      background: white;\r\n      border-radius: 5px;\r\n      margin-right: 15px;\r\n      display: flex;\r\n      align-items: center;\r\n      padding: 5px;\r\n      box-shadow: 0 5px 10px rgba(0, 0, 0, .05);\r\n    }\r\n\r\n    &__bfsw {\r\n      flex: 0 auto;\r\n      margin-left: 10px;\r\n    }\r\n\r\n    &__content {\r\n      flex: 1;\r\n      position: relative;\r\n    }\r\n  }\r\n\r\n  .info {\r\n    background: black;\r\n    border-radius: 0 0 10px 0;\r\n    flex: 0 0 auto;\r\n    padding: 30px 20px 10px;\r\n    position: relative;\r\n  }\r\n\r\n  .info-marker {\r\n    font-size: 16px;\r\n    line-height: 1.4;\r\n    width: 400px\r\n  }\r\n\r\n  .label {\r\n    border-radius: 3px;\r\n    padding: 2px 5px;\r\n    font-size: 11px;\r\n    font-weight: bold;\r\n    background-color: rgba(0, 0, 0, .1);\r\n    color: #666;\r\n    margin-left: 10px;\r\n  }\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Map.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Map.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Map.vue?vue&type=template&id=4a9ef6e3&scoped=true&\"\nimport script from \"./Map.vue?vue&type=script&lang=js&\"\nexport * from \"./Map.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Map.vue?vue&type=style&index=0&id=4a9ef6e3&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4a9ef6e3\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div id=\"app\" class=\"app-locations\">\r\n    <Map/>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Map from './components/Map.vue'\r\n\r\nexport default {\r\n  name: 'app',\r\n  components: {\r\n    Map\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.app-locations {\r\n  overflow: hidden;\r\n  max-width: 1630px;\r\n  margin: 0 auto;\r\n}\r\n</style>\r\n","import mod from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=545865c4&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import '@babel/polyfill';\r\nimport axios from 'axios';\r\nimport Vue from 'vue';\r\nimport * as VueGoogleMaps from 'vue2-google-maps';\r\nimport App from './App.vue';\r\n\r\nVue.config.productionTip = false\r\n\r\nVue.prototype.$http = axios\r\n\r\nif (document.location.hostname === 'um-bfnl-dev.tresprojecten.nl') {\r\n  Vue.prototype.$http.defaults.baseURL = process.env.VUE_APP_API_PATH\r\n}\r\nelse if(document.location.hostname === 'um-bfnl-acc.tresprojecten.nl'){\r\n  Vue.prototype.$http.defaults.baseURL = process.env.VUE_APP_API_PATH_ACC\r\n}\r\nelse {\r\n  Vue.prototype.$http.defaults.baseURL = process.env.VUE_APP_API_PATH_PROD\r\n}\r\n\r\n// AIzaSyAegrewouvFpohMKSzmkGvst_wmBX8saq0 -> prod\r\n// AIzaSyCfteFo7LUzXTtTG5wLISgIeks9O0e8P8I -> Dev\r\n// AIzaSyCAHngrEPHN7s8PcA049_aemVMUilmr-mc\r\nVue.use(VueGoogleMaps, {\r\n  load: {\r\n    key: 'AIzaSyAegrewouvFpohMKSzmkGvst_wmBX8saq0',\r\n    v: '3.36',\r\n  }\r\n})\r\n\r\nnew Vue({\r\n  render: h => h(App)\r\n}).$mount('#bfnl-locations-map')\r\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Map.vue?vue&type=style&index=0&id=4a9ef6e3&lang=scss&scoped=true&\""],"sourceRoot":""}