Autor | Zpráva | ||
---|---|---|---|
pinlop Profil |
#1 · Zasláno: 12. 5. 2013, 19:56:44
Zdravím. Potřeboval bych vytvořit toto ale bohužel nevím jak : http://www.jdisebavit.cz/seznam-restaurace/
Potřebuji vytvořit mapu (i s možností zadání adresy), na kterou když kliknu, tak se mi načte do php požadovaná gsp souřadnice,nebo tedy do odkazu. |
||
MyShare Profil |
#2 · Zasláno: 13. 5. 2013, 00:43:53
Nazdar ...
Hádam to pomôže HTML <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript" src="http://www.jdisebavit.cz/js/jquery.js"></script> <script type="text/javascript" src="http://www.jdisebavit.cz/js/jquery_ui.js"></script> <script type="text/javascript" src="http://www.jdisebavit.cz/js/jquery.lightbox-0.5.pack.js"></script> </head> <body> <script src="http://maps.google.com/maps/api/js?sensor=false&key=AIzaSyDDbtQ7SPOGw0L-3SYFcPAwoy2kig0jBiY" type="text/javascript"></script> <div id="main2"> <h1>H1 Názov</h1> <div id="vychozipozice" class="brand" > <div id="vychozi_mapa"></div> <div class="adresa"> <strong>Výberte místo přímo v mapě nebo zadejte ulici!</strong> <form name="yvch" id="form_vych" onsubmit="return false;"> <input type="text" class="in_adresa" name="adresa" value="" /> <input type="submit" class="in_adresa_send" name="send" value="Najít"/> </form> </div> </div> <script type="text/javascript"> //<![CDATA[ var okruh=2; var u_filtry=""; var map; var marker; var infowindow; var alocation=""; var geocoder = new google.maps.Geocoder(); var u_vychozi=""; var typ="icon_restaurace"; var hash=window.location.hash; if(hash!=''){ var html=$.ajax({type:"POST",url:"/soubory/ajax/planovani.php",data:"typ=nastav&"+hash.replace("#!",""),async:false,dataType:"json"}).responseText; if(html==1){window.location.reload();} }else{ var html = $.ajax({ type:"POST",url:"/soubory/ajax/planovani.php",data:"typ=vymaz",async:false,dataType:"json"}).responseText; if(html==1){window.location.reload();} } function uprav_url(){ window.location.replace("#!v="+u_vychozi+"&p=&o="+okruh+"&f="+u_filtry); } $("#slider-okruh").slider({value:okruh,min:1,max:20,step:1,range:"min",slide:function(event,ui){$(".max.okruh").empty().append("<strong>"+ui.value+"</strong>km");}}); $("#slider-okruh").live("slidechange click",function(){okruh=$("#slider-okruh").slider("value");uprav_url();vypis(u_vychozi,typ); }); $(".max.okruh").empty().append("<strong>"+okruh+"</strong>km"); $(".filtr").change(function(){ if($(this).is(':checked')){ // alert(ddd); if(u_filtry==""){u_filtry=$(this).val();}else{u_filtry=u_filtry+","+$(this).val();} uprav_url(); }else{ u_filtry=u_filtry.replace(","+$(this).val()+",",",").replace($(this).val()+",","").replace(","+$(this).val(),"").replace($(this).val(),""); uprav_url(); } vypis(u_vychozi,typ); }); var myOptions={zoom:12,center:new google.maps.LatLng(50.087811,14.420462),mapTypeId:google.maps.MapTypeId.ROADMAP} map = new google.maps.Map(document.getElementById("vychozi_mapa"), myOptions); google.maps.event.addListener(map,'click',function(event){pridej_marker(event.latLng);}); function pridej_marker(location) { geocoder.geocode({'latLng': location}, function(results, status) { if(status==google.maps.GeocoderStatus.OK) { map.setCenter(results[0].geometry.location); if(marker==null){ marker = new google.maps.Marker({ map: map, position: results[0].geometry.location }); infowindow = new google.maps.InfoWindow({ content:'<div style="height:80px"><b>Hledat v okolí:</b><br>'+ results[0].address_components[2].long_name+' '+ results[0].address_components[1].long_name+'/'+ results[0].address_components[0].long_name+'<a class="potvrdit_adresu">Potvrdit</a></div>', position: results[0].geometry.location }); }else{ infowindow.close(); marker.setPosition(results[0].geometry.location); infowindow.setPosition(results[0].geometry.location); infowindow.setContent('<div style="height:80px"><b>Výchozí pozice:</b><br>'+ results[0].address_components[2].long_name+' '+ results[0].address_components[1].long_name+'/'+ results[0].address_components[0].long_name+'<a class="potvrdit_adresu">Potvrdit</a></div>'); } alocation=results[0].geometry.location; u_vychozi=alocation; uprav_url(); infowindow.open(map); map.setCenter(results[0].geometry.location); } }); } $(".in_adresa_send").click(function(){ address=$(".in_adresa").val() + ' Česká republika'; geocoder.geocode({'address':address},function(results, status) { if (status == google.maps.GeocoderStatus.OK) { pridej_marker(results[0].geometry.location); }else{ alert("Zadaná adresa nenalezena!"); } }); }); $(".potvrdit_adresu").live("click",function(){ var html = $.ajax({ type:"POST",url:"/soubory/ajax/planovani.php",data:"typ=vychozibod&gps="+alocation, async:false,dataType:"json"}).responseText; var obj = jQuery.parseJSON(html); if(obj.stav=='ok'){ $(".potvrdit_adresu").hide(); $("#vychozipozice").slideUp("slow",function(){ $(".brand").hide(); $("#vypis").slideDown("slow"); uprav_url(); vypis(u_vychozi,typ); }); }else{alert(html);} }); function vypis(ap,type){ var h=window.location.hash; var html = $.ajax({type:"POST",url:"/soubory/ajax/vypis.php", data:"bod="+ap+"&typ="+type+"&"+h.replace("#!","") ,async:false}).responseText; $("#vypis2").empty().append(html); } //]]> </script> </div> </div> </body> </html> CSS [pre] #vychozipozice{display:block;} #vychozipozice #vychozi_mapa{width:786px;height:300px;border:1px solid #CCC;margin:8px 0;} #vychozipozice .adresa{width:788px;height:57px;background:url("http://www.jdisebavit.cz/img/bg_adresa.jpg");position:relative;} #vychozipozice .adresa strong{font-size:17px;color:#fff;position:relative;top:17px;left:20px;} #vychozipozice .adresa .in_adresa{border:1px solid #1D1D52;width:200px;height:23px;position:absolute;top:15px;left:470px;} #vychozipozice .adresa .in_adresa_send{width:94px;height:25px;position:absolute;top:15px;left:680px;background:url("/img/bg_adresa_odeslat.jpg");border:0;color:#FFF;font-weight:700;} #vychozipozice .potvrdit_adresu{width:94px;height:25px;display:block;position:relative;left:0px;top:10px;background:url(http://www.jdisebavit.cz/img/bg_adresa_odeslat.jpg);border:0;color:#FFF;font-weight:700;line-height:25px;text-align:center;} #vyber_druhu,.fields{display:none;padding:10px;border:1px solid #CCC;margin-top:10px;} #vyber_druhu li{list-style:none;float:left;margin-left:10px;} #vyber_druhu li a{display:block;width:130px;height:40px;line-height:40px;padding-left:50px;font-weight:700;font-size:15px;color:#29297C;margin-bottom:5px;} #vyber_druhu li a.icon_restaurace{background:#E4E4E4 url("http://www.jdisebavit.cz/img/icon_restaurace.png") no-repeat;} #vyber_druhu li a.icon_bary{background:#E4E4E4 url("http://www.jdisebavit.cz/img/icon_bary.png") no-repeat;} #vyber_druhu li a.icon_hudebni-kluby{background:#E4E4E4 url("http://www.jdisebavit.cz/img/icon_hudebni-kluby.png") no-repeat;} #vyber_druhu li a.icon_kulturni-mista{background:#E4E4E4 url("http://www.jdisebavit.cz/img/icon_kulturni-mista.png") no-repeat;} #vyber_druhu li a.icon_pro-dospele{background:#E4E4E4 url("http://www.jdisebavit.cz/img/icon_pro-dospele.png") no-repeat;} #vyber_druhu li a:hover{background-position:0 -50px;background-color:#333397;color:#C3C3C3} #vypis{display:none;padding-top:10px;} #vypis .filtry{width:180px;background:#F3F3F3;float:left;margin-top:3px;border:1px solid #999;margin-right:3px;} #vypis #vypis2{float:left;} #vypis .vypis_small{height:120px;background:#F3F3F3;border:1px solid #999;margin:3px 0;padding:5px;width:590px;} #vypis .vypis_small .logo{border:1px solid #ccc;width:150px;height:80px;float:left;overflow:hidden;} #vypis .vypis_small .logo img{width:150px;} #vypis .vypis_small .telo{float:left;border-right:1px solid #999;width:300px;height:80px;overflow:hidden;position:relative;} #vypis .vypis_small .telo .likebox{position:absolute;top:5px;left:200px;} #vypis .vypis_small .telo h2{font-size:16px;font-weight:700;margin:0 10px 5px 10px;color:#2F2E84;} #vypis .vypis_small .telo p{line-height:17px;color:#666;margin:0 10px;} #vypis .vypis_small .prava {float:left;text-align:center;} #vypis .vypis_small .prava .pridat_k_trase{display:block;width:118px;height:25px;background:url("/img/add_k_trase.jpg");margin-left:10px;margin-bottom:10px;} #vypis .vypis_small .prava .alt_pridat_k_trase{display:block;width:118px;height:25px;margin-left:10px;margin-bottom:10px;} #vypis .vypis_small .prava .pridat_k_trase:hover{background-position:0px -25px;} #vypis .vypis_small .prava p{font-size:14px;color:#666666;} #vypis .vypis_small .prava p strong{font-size:19px;color:#2D2C84;} #vypis .vypis_small hr{border:0px;border-top:1px solid #999} #vypis .vypis_small .b_middle{width:450px;float:left;height:20px;text-align:right;} #vypis .vypis_small .b_middle img{margin:0 3px;} #vypis .vypis_small .b_right{float:left;} #vypis .vypis_small .b_right .vice_o_podnik{display:block;width:121px;height:25px;background-image:url("/img/vice_o_podniku.jpg");margin-left:10px;margin-bottom:10px;} #vypis .vypis_small .b_right .vice_o_podnik:hover{background-position:0px -25px;} #vypis .vypis_small .b_right .info_o_podnik{display:block;width:121px;height:25px;background-image:url("/img/info_o_podniku.jpg");margin-left:10px;margin-bottom:10px;} #vypis .vypis_small .b_right .info_o_podnik:hover{background-position:0px -25px;} #vypis .podnik{display:none;border:1px solid #999;padding:5px;margin-top:-8px;background:#F7F7F7} #vypis .podnik .popis{width:445px;border-right:1px solid #E4E4E4;border-bottom:1px solid #E4E4E4;padding-right:5px;} #vypis .podnik .popis ul{margin-left:20px;} #vypis .podnik .popis .akce{color:#D50055;font-size:12px;font-weight:700;} #vypis .podnik .adresa{width:445px;float:left;padding-left:5px;padding-top:3px;border-right:1px solid #E4E4E4;border-bottom:1px solid #E4E4E4;} #vypis .podnik .adresa div{float:left;height:40px;} #vypis .podnik .adresa .mapa a{width:132px;height:23px;background-image:url("http://www.jdisebavit.cz/img/zobrazit_na_mape.jpg");display:block;color:#FFF;padding-top:6px;padding-left:5px;margin-top:5px;margin-left:50px;} .startod{width: |
||
Časová prodleva: 11 let
|
0