(function($, window, undefined ) { // template partials _.addTemplateHelpers( { partial : function(which, data) { return _.template(akMapOptions.templateCache.get('#' + which + '-partial'), {data: data}); } } ); // the CDATA stuff helps the fluid regex to consider the inner content to be replaced... var currentUid = 4097; var akMapOptions = new Object(); akMapOptions.dataUrl = "/de/kultur-tourismus/themenseiten/urlaub-mit-wohnmobil/?type=1356793895&tx_akgooglemaps_map%5Bpid%5D=6&tx_akgooglemaps_map%5Baction%5D=list&tx_akgooglemaps_map%5Bcontroller%5D=Address&cHash=37dee621b66a6ad02c54eb797785d87e"; akMapOptions.addressList = $('#mapAddressList-' + currentUid); akMapOptions.categoryList = $('#mapCategoryFilter-' + currentUid); akMapOptions.attributeList = $('#mapAttributeFilter-' + currentUid); akMapOptions.attributeListWrap = $('#mapAttributeFilterWrap-' + currentUid); akMapOptions.addressWrap = $('#mapAddressesWrap-' + currentUid); akMapOptions.mapRoutes = $('#mapRoutes-' + currentUid); akMapOptions.startWaypoint = $('#mapRoutes-' + currentUid).find('.waypoint-1'); akMapOptions.targetWaypoint = $('#mapRoutes-' + currentUid).find('.waypoint-2'); akMapOptions.calculateRouteButton = $('#mapRoutes-' + currentUid).find('button[type=submit]'); akMapOptions.routingPanel = $('#mapRoutes-' + currentUid).find('.routingPanel'); akMapOptions.closeRoute = $('#closeRoute-' + currentUid); akMapOptions.autoResize = true; akMapOptions.minWidth = 600; akMapOptions.minHeight = 600; akMapOptions.findNearby = new Object(); akMapOptions.findNearby.searchInput = $('#mapFindNearby-4097'); akMapOptions.findNearby.searchInputGeoPos = $('.usergeoCodePos'); akMapOptions.findNearby.distance = $('#mapFindNearbyDistance-4097'); akMapOptions.findNearby.search = $('#mapFindNearbySubmit-4097'); akMapOptions.findNearby.reset = $('#mapFindNearbyReset-4097'); // when autosizing is on, viewport - heightAdjustment will be the used height akMapOptions.heightAdjustment = 120; akMapOptions.templateCache = { get: function(selector){ if (!this.templates){ this.templates = {}; } var template = this.templates[selector]; if (!template){ template = $(selector).html(); this.templates[selector] = template; } return template; } } akMapOptions.infoWindowRenderer = function(data){ return _.template(akMapOptions.templateCache.get('#infoWindowTemplate'), {data: data}); }; akMapOptions.listEntryRenderer = function(data){ return _.template(akMapOptions.templateCache.get('#addressListTemplate'), {data: data}); }; akMapOptions.categoryEntryRenderer = function(data){ return _.template(akMapOptions.templateCache.get('#categoryFilterTemplate'), {data: data}); }; akMapOptions.attributeEntryRenderer = function(data) { return _.template(akMapOptions.templateCache.get('#attributeFilterTemplate'), {data: data}); }; akMapOptions.mapConfig = new Object(); akMapOptions.mapConfig.center = new google.maps.LatLng(49.878579, 12.336715), akMapOptions.mapConfig.zoom = 10; akMapOptions.mapConfig.mapTypeId = google.maps.MapTypeId.ROADMAP; akMapOptions.mapConfig.panControl = true; akMapOptions.mapConfig.zoomControl = true; akMapOptions.mapConfig.zoomControlOptions = new Object(); akMapOptions.mapConfig.scaleControl = true; akMapOptions.mapConfig.streetViewControl = true; akMapOptions.mapConfig.overviewMapControl = true; akMapOptions.mapConfig.mapTypeControl = true; var mapReference = $('#map-' + currentUid).AkGooglemaps(akMapOptions).data('plugin_AkGooglemaps'); akMapOptions.categoryList.on('change', 'input', function(e){ var categories = []; $(this).parents('ul').find('input:checked').each(function(){ categories.push($(this).val()); }); mapReference.filterCategories = categories; mapReference.showAddressesWithFilter(); }); akMapOptions.attributeList.on('change', function(e) { mapReference.filterAttribute = $(this).val(); mapReference.showAddressesWithFilter(); }); // reset the scrollposition after reloading akMapOptions.addressList.scrollTo( 0 ); akMapOptions.addressList[0].scrollLeft = akMapOptions.addressWrap[0].scrollTop = 0; // scroll the address list to the clicked marker $(mapReference.element).bind('clicked_marker', function(event, address){ if (address.listEntry && !address.listEntry.hasClass('active')) { $(akMapOptions.addressList).find('li').removeClass('active'); $(akMapOptions.addressList).stop().scrollTo(address.listEntry, 1000, { onAfter:function(){ address.listEntry.addClass('active'); } }); } else { $(akMapOptions.addressWrap).find('li').removeClass('active'); } }); })($, window);