Haus kaufen in Stuttgart - unsere aktuellen Angebote (2024)

'; $('#elioSearchFilter #elioSearchFilter_next .panel .panel-body .form-group').append(vpAutocompletePlugin.popup.html); } } vpAutocompletePlugin.popup.init = function() { $('#search_input').on('input', function() { vpAutocompletePlugin.popup.destroy(); if($.trim($('#search_input').val()).length > 2) { if(vpAutocompletePlugin.popup.debounce.autocompleteTimer) { window.clearTimeout(vpAutocompletePlugin.popup.debounce.autocompleteTimer); } vpAutocompletePlugin.popup.debounce.autocompleteTimer = window.setTimeout(function() { vpAutocompletePlugin.popup.status = 'active'; let userInputTxt = $.trim($('#search_input').val()); if(['Tenerif', 'Teneriff', 'Teneriffa'].includes(userInputTxt)) { // bugfix for searching city "Teneriffa" vpAutocompletePlugin.run_time_data.placePredictions = [{ bbox: [-17.1464829, 28.2925823, -17.1464829, 28.2925823], center: [-17.1464829, 28.2925823], geometry: { coordinates: [-17.1464829, 28.2925823], type: 'Point' }, id: '', language: 'de', 'language_de-DE': 'de', 'matching_place_name': 'Teneriffa, Spanien', 'place_name': 'Teneriffa, Spanien', 'place_name_de-DE': 'Teneriffa, Spanien', }]; vpAutocompletePlugin.popup.open(vpAutocompletePlugin.run_time_data.placePredictions, userInputTxt.length); }else { vpAutocompletePlugin.mapbox.geocoder._geocode(userInputTxt).then(results => { if(results.body.features.length > 0) { vpAutocompletePlugin.run_time_data.placePredictions = []; for(let i = 0; i < results.body.features.length; ++i) { /** * Removing non-existent address * locality.225913414 (Marbella, Luque, Córdoba, Spanien) * locality.225921606 (Marbella, Sanlúcar de Barrameda, Provinz Cádiz, Spanien) */ if(!['locality.225913414', 'locality.225921606'].includes($.trim(results.body.features[i].id))) { vpAutocompletePlugin.run_time_data.placePredictions.push(results.body.features[i]); } } vpAutocompletePlugin.popup.open(vpAutocompletePlugin.run_time_data.placePredictions, userInputTxt.length); } }).catch(vpAutocompletePlugin.popup.failureCallback); } $("#search_input").click(function() { $("#search_input").val(''); $("#loc_lat").val(''); $("#loc_long").val(''); }); }, 500); } }); } vpAutocompletePlugin.popup.failureCallback = function() {} vpAutocompletePlugin.popup.open = function(res, l) { let p = res; if(p.length > 0) { vpAutocompletePlugin.popup.indexMax = p.length - 1; vpAutocompletePlugin.popup.html = '

'; $('#elioSearchFilter #elioSearchFilter_next .panel .panel-body .form-group').append(vpAutocompletePlugin.popup.html); } } vpAutocompletePlugin.popup.clickOnePrediction = function(idx) { if(idx == '-1') { idx = 0; } if($('#search_input').val() !== '') { vpAutocompletePlugin.popup.resultClick = true; let placePrediction = vpAutocompletePlugin.run_time_data.placePredictions[idx]; $("#loc_lat").val(placePrediction.geometry.coordinates[1]); $("#loc_long").val(placePrediction.geometry.coordinates[0]); $('#search_input').val(placePrediction.place_name); vpAutocompletePlugin.popup.destroy(); highlightFilterBtns(); } } vpAutocompletePlugin.popup.destroy = function() { $('#apple-dropdown.vp-custom-autocomplete-dropdown.desktop').remove(); $('.vp-custom-autocomplete-dropdown.mobile').remove(); } vpAutocompletePlugin.popup.setKeyEvent = function() { $('#search_input').keydown(function(e){ if(e.keyCode == 38) { // key up if(vpAutocompletePlugin.popup.indexSelected > vpAutocompletePlugin.popup.indexMin) { vpAutocompletePlugin.popup.indexSelected--; }else { vpAutocompletePlugin.popup.indexSelected = vpAutocompletePlugin.popup.indexMin; } }else if(e.keyCode == 40) { // key down if(vpAutocompletePlugin.popup.indexSelected < vpAutocompletePlugin.popup.indexMax) { vpAutocompletePlugin.popup.indexSelected++; }else { vpAutocompletePlugin.popup.indexSelected = vpAutocompletePlugin.popup.indexMax; } }else if(e.keyCode == 13) { e.preventDefault(); // key enter if(vpAutocompletePlugin.popup.indexSelected < 0) { vpAutocompletePlugin.popup.indexSelected = 0; } vpAutocompletePlugin.popup.clickOnePrediction(vpAutocompletePlugin.popup.indexSelected); } // change the background color of option if(e.keyCode == 38 || e.keyCode == 40) { console.log(vpAutocompletePlugin.popup.indexSelected); $('#apple-dropdown.desktop a.popup-result-itm').each(function(i, elm){ if(i === vpAutocompletePlugin.popup.indexSelected) { //console.log(elm); $(elm).addClass('active'); }else { $(elm).removeClass('active'); } }); } }); } vpAutocompletePlugin.popup.setKeyEvent(); function importMapboxLibrary() { $.getScript( "https://api.mapbox.com/mapbox-gl-js/v2.8.2/mapbox-gl.js" ) .done(function( script, textStatus ) { $.getScript( "https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v5.0.0/mapbox-gl-geocoder.min.js" ) .done(function( script, textStatus ) { $('#search_input').attr('autocomplete','off'); vpAutocompletePlugin.mapbox.geocoder = new MapboxGeocoder({ accessToken: vpAutocompletePlugin.mapbox.accessToken, types: 'place,postcode,locality', countries: 'de, at, ch, es, fr, gr, hu, it, nl, pt, lu', proximity: 9.361753 + ", " + 46.829047 // set priority for city "Trin" in Schweiz }); $('body').append($('

')); vpAutocompletePlugin.mapbox.geocoder.addTo('#mapbox-geocoder'); $('#mapbox-geocoder').remove(); vpAutocompletePlugin.popup.indexSelected = 0; vpAutocompletePlugin.popup.indexMax = 4; vpAutocompletePlugin.popup.indexMin = 0; $("#search_input").blur(function(e) { if((typeof(e.relatedTarget) === 'undefined' || e.relatedTarget === null) || (e.relatedTarget !== null && typeof(e.relatedTarget) !== 'undefined' && e.relatedTarget.className !== 'popup-result-itm')){ vpAutocompletePlugin.popup.clickOnePrediction(vpAutocompletePlugin.popup.indexSelected); } }); window.searchBox = null; vpAutocompletePlugin.popup.init(); }) .fail(function( jqxhr, settings, exception ) { console.log('mapbox-gl-geocoder.min.js failing to load.'); }); }) .fail(function( jqxhr, settings, exception ) { console.log('mapbox-gl.js failing to load.'); }); } $(document).ready(function(){ setTimeout(function(){ importMapboxLibrary(); }, 500); });