var latlist = new Array(); var lnglist = new Array(); var lat = '39.8760810'; var lng = '32.87102900000000'; latlist[0] = 0; lnglist[0] = 0; var myLatlng; var mapOptions; var map; var kmlLayer; var infowindow; function initialize(lat, lng) { myLatlng = new google.maps.LatLng(lat, lng); mapOptions = { zoom: 12, center: myLatlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(document.getElementById('map-canvas'),mapOptions); kmlLayer = new google.maps.KmlLayer({ url: 'https://www.destek.projeshop.com/resman/uploads/maps.kml?rand='+(new Date()).valueOf(), suppressInfoWindows: true, map: map }); var urlstring = decodeURI(location.href); var urlparca = urlstring.split('#'); if(urlparca.length==2) { $('#sehirler option[value="'+urlparca[1]+'"]').attr('selected','selected'); $("#sehirler").trigger('change'); } google.maps.event.addListener(kmlLayer, 'click', function(kmlEvent) { showInContentWindow(kmlEvent.latLng, kmlEvent.featureData.description); }); function showInContentWindow(position, text) { var content = text; if (infowindow) infowindow.close(); infowindow = new google.maps.InfoWindow({ content: content, position: position }); infowindow.open(map); } $("#yurtdisi").trigger('change'); $("#sehirler").trigger('change'); } $(window).load(function(e) { initialize(lat, lng); }); Ülke Türkiye İl istanbulafyonankaraAdana $(document).ready(function(){ $("#yurtdisi").change(function () { $("#yurtdisi option:selected").each(function () { var yurtdisi = $(this).val(); var html2='<option value="0">Seçiniz</option>'; $.ajax({ url:'https://www.destek.projeshop.com/resman/uploads/maps.xml?rand='+(new Date()).valueOf(), type:'GET', dataType:'xml', success:function(gelen){ $(gelen).find('MAGAZA').each(function(){ if($(this).find('ULKE').text()==yurtdisi && (latlist[$(this).find('PLAKA').text()]!=parseFloat(latlist[$(this).find('PLAKA').text()])) && $(this).find('LAT').text()!='' && $(this).find('LNG').text()!=''){ latlist[$(this).find('PLAKA').text()] = $(this).find('LAT').text(); lnglist[$(this).find('PLAKA').text()] = $(this).find('LNG').text(); html2 +='<option value="'+$(this).find('PLAKA').text()+'">'+$(this).find('IL').text()+'</option>'; } }); $('#sehirler').html(html2); } }); }); }); $("#sehirler").change(function () { $("#sehirler option:selected").each(function () { var sehir= $(this).text(); var plaka= $(this).val(); var html=''; $.ajax({ url:'https://www.destek.projeshop.com/resman/uploads/maps.xml?rand='+(new Date()).valueOf(), type:'GET', dataType:'xml', success:function(gelen){ $(gelen).find('MAGAZA').each(function(){ if($(this).find('PLAKA').text()==plaka){ html += '<div class="mgz">'; html += '<div id="firma_name">' + $(this).find('MAGAZATITLE').text() + '</div>'; html += '<div id="firma_konum">' + $(this).find('MAGAZAKONUM').text() + '</div>'; html += '<div id="firma_tel">' + $(this).find('MAGAZATEL').text() + '</div>'; html += '<div id="firma_saat">H.İçi:' + $(this).find('H_ICI').text() + '</div>'; html += '<div id="firma_saat">H.Sonu:' + $(this).find('H_SONU').text() + '</div>'; if($(this).find('LAT').text().trim()!='' && $(this).find('LNG').text().trim()!='') html += '<div id="link" onclick="var linklatlong = new google.maps.LatLng($(\'span\',this).eq(0).text() ,$(\'span\',this).eq(1).text());map.setCenter(linklatlong); map.setZoom(15);"><span style="display:none">'+$(this).find('LAT').text()+'</span><span style="display:none">'+$(this).find('LNG').text()+'</span>Haritada Göster</div>'; html += '</div>'; } }); $('.magazalarLeft').html(html); } }); }); $("#sehirler option:selected").each(function () { var sehir = $(this).val(); }); var latval = latlist[$("#sehirler option:selected").val()]; var lngval = lnglist[$("#sehirler option:selected").val()]; if(latval==undefined && lngval==undefined){ var myLatlng2 = new google.maps.LatLng(32.87102900000000,39.8760810); map.setCenter(myLatlng2); map.setZoom(5); } else if(latval!='' && lngval!='') { var myLatlng2 = new google.maps.LatLng(latval,lngval); map.setCenter(myLatlng2); map.setZoom(10); } }); }); function sehirler_trigger() { $("#sehirler").trigger('change'); } var urlstring = decodeURI(location.href); var urlparca = urlstring.split('#'); if(urlparca.length==2) { $('#sehirler option[value="'+urlparca[1]+'"]').attr('selected','selected'); $("#sehirler").trigger('change'); setTimeout('sehirler_trigger()',3000); } setTimeout(function(){ $('#sehirler option[value="34"]').attr('selected','selected'); $("#sehirler").trigger('change'); },2000); .magazalarSelectWrp { float: left; width: 100%; height: 56px; border-top: 1px solid #ccc; line-height: 56px; border-bottom: 1px solid #ccc; } .sehir, .yurtdisiUlke { float: left; display: block; width: 298px; line-height: 56px; } .magzaText { float: right; font-size: arial; font-size: 11px; font-weight: normal; line-height: 56px; } .sehir b, .yurtdisiUlke b { float: left; font-size: arial; font-size: 11px; font-weight: normal; line-height: 56px; } .magazaWrp select { float: left; border: 1px solid #ccc; padding: 5px 10px; margin-top: 14px; width: 172px; height: 30px; margin-left: 23px; font-family: 'Lato', sans-serif; font-size: 15px; display: block; } .magazalarLeft {float: left;width: 165px;height: 464px;padding-top: 38px;overflow-y: auto;} .magazalarRight {float: left;width: 900px;height: 564px;margin-left: 26px;} #firma_name { font-weight: bold !important; color: #666; margin-bottom: 5px; text-align: right; } #firma_konum {margin-bottom: 5px;text-align: left;} #firma_tel { margin-bottom: 11px; text-align: right; } #firma_saat { line-height: 16px; text-align: right; } #link { background: #ccc; color: #333; padding: 10px; margin: 5px 0px; cursor: pointer; font-size: 12px; } .mgz {height: auto;float:left;width: 100%;padding-bottom:15px;border-bottom:1px solid #ccc;margin-bottom:15px;font-size: 11px;display:block;color: #666;} #firma_name {font-weight:bold !important;color:#666;margin-bottom:5px;text-align: left;/* float: left; */} #firma_konum {margin-bottom:5px;/* text-align:right; */float: left;width:100%;} #firma_tel {margin-bottom: 11px;text-align: left;} #firma_saat {line-height:16px;text-align: left;} .mgz #link {width:75%;height: auto;text-align:center;color: #000;float:left;cursor:pointer;background-color: #ddd;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;font: 12px arial;margin:6px 0 0;padding: 6px;} .magazalarLeft::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F6F6F6;} .magazalarLeft::-webkit-scrollbar { width: 10px; background-color: #F6F6F6;} .magazalarLeft::-webkit-scrollbar-thumb {background-color: #585857;} @media (max-width: 767px) { .magazalarSelectWrp {float: left;width: 300px;height: 56px;border-top: 1px solid #ccc;line-height: 56px;border-bottom: 1px solid #ccc;} .magazalarLeft {float: left;width: 300px;height: 100% !important;border-top: 1px solid #ccc; line-height: 56px;margin-top: 74px;border-bottom: 1px solid #ccc;} .mgz {height: auto;float: left;width: 300px;padding-bottom: 15px;border-bottom: 1px solid #ccc;margin-bottom: 15px;font-size: 11px;display: block;color: #666;} .magazalarRight {float: left;width: 300px;height: 564px;margin-left: 26px;} }