\r\n\t\t\t\t
${store.title}
\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t${store.address}
\r\n\t\t\t\t\t\t${store.zip} ${store.city} ${store.provinceCode} ${store.countryCode}
\r\n\t\t\t\t\t\t${store.telephone ? `
${store.telephone}
` : ''}\r\n\t\t\t\t\t\t${store.website ? `
${store.website}` : ''}\r\n\t\t\t\t\t
\r\n\t\t\t\t\t${store.address !== '' ? `
${this.labels.approximately} ${Math.floor(store.distance)} km
` : ``}\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t
`;\r\n\r\n\t\t\tconst icon = ['pin-reseller.png','pin-top-store.png', 'pin-top-store.png', 'pin-reseller.png', 'pin-showroom.png'][11 - store.type];\r\n\r\n\t\t\tlet marker = new google.maps.Marker({\r\n\t\t\t\tposition: position,\r\n\t\t\t\t// map: this.map,\r\n\t\t\t\ticon: `${BASEPATH}${icon}`,\r\n\t\t\t\ttitle: store.title,\r\n\t\t\t\tstore: store,\r\n\t\t\t\tcontent: content,\r\n\t\t\t});\r\n\t\t\tmarker.addListener('click', () => {\r\n\t\t\t\tthis.setMarkerWindow(marker.position, content);\r\n\t\t\t\tthis.scrollToStore(store);\r\n\t\t\t\t// GtmService.push({ event: 'dealerlocator', action: 'marker-click', label: store.title });\r\n\t\t\t});\r\n\t\t\tstore.marker = marker;\r\n\t\t\treturn marker;\r\n\t\t});\r\n\r\n\t\tconst markerCluster = new MarkerClusterer(this.map, markers, {\r\n\t\t\timagePath: `${BASEPATH}cluster-`,\r\n\t\t});\r\n\t\tconst styles = markerCluster.getStyles();\r\n\t\tstyles.forEach(style => style.textColor = '#ffffff');\r\n\t\tmarkerCluster.setStyles(styles);\r\n\t\tthis.markers = markers;\r\n\t\tthis.markerCluster = markerCluster;\r\n\t}\r\n\r\n\taddAgentsMarkers(agents) {\r\n\t\tconst markers = agents.map((agent) => {\r\n\t\t\t//console.log('agent.latitude ', agent.latitude, ' agent.longitude ', agent.longitude, ' this.position.lat() ', this.position.lat(), ' this.position.lng() ', this.position.lng());\r\n\t\t\tconst position = new google.maps.LatLng(agent.latitude === null ? this.position.lat() : agent.latitude, agent.longitude === null ? this.position.lng() : agent.longitude);\r\n\t\t\tlet content = `