WordPress jak nechat vypsat všechny nemovitosti.do google mapy.

11. 6. 2018 17:44:18

Ahoj všem,

Tak už se mi povedlo dostat mapu do středu na option nastavení, ale teď bych potřeboval nechat na mapě vypsat všechny fota nemovitostí jako markery...

A ještě mi to háže chybu u position:yourplace, chyba je v konzoli...a tady v kodu..vypisuji coordinates....

Stránka zde dole je mapa: domia.tode.cz

<?php<?phpfunction marker(){$args = array(            'post_type' => 'nase_nemovitosti',            'posts_per_page' => -1        );        $image = new WP_Query($args);        if($image->have_posts()):             while($image->have_posts()) : $image->the_post();                  $images = get_field('galerie_nemovitosti');         $image_1 = $images;            ?>       <?php echo $image_1; ?>                   <?php endwhile; ?><?php endif; ?><?php }; ?> <?php    $api_key = 'AIzaSyBnWhato3p7JhkOjk9f45WdlXYWeMEhYCY';        $location =  get_field('google_mapa', 'option');    $zoom = get_field('zoom_mapy', 'option');    if ( $api_key && $location && $location ) {		echo marker();		?>     <style>div#map {width: 100%; height: 635px;}div#map img{        border-radius:29px!important;		width: 54px!important;		top: 5px!important;left:5px!important;		height:54px!important;background:#fff!important;		border: 2px solid #fff!important;		box-shadow: 0 0 5px rgba(0,0,0,0.5)!important;}</style><div id="map"></div>            		           <script>          function initMap() {               	     var yourplace = ; ?>','<?php echo $loc; ?>')],        <?php endwhile; ?><?php endif; ?>]                           var map = new google.maps.Map(document.getElementById('map'), {          zoom: <?php echo $zoom; ?>,          center:new google.maps.LatLng('<?php echo $location; ?>','<?php echo $location; ?>'),          scrollwheel: false,          styles:           }, {            "elementType": "labels.icon",            "stylers":           }, {            "elementType": "labels.text.fill",            "stylers":           }, {            "elementType": "labels.text.stroke",            "stylers":           }, {            "featureType": "administrative.land_parcel",            "elementType": "labels.text.fill",            "stylers":           }, {            "featureType": "poi",            "elementType": "geometry",            "stylers":           }, {            "featureType": "poi",            "elementType": "labels.text.fill",            "stylers":           }, {            "featureType": "poi.park",            "elementType": "geometry",            "stylers":           }, {            "featureType": "poi.park",            "elementType": "labels.text.fill",            "stylers":           }, {            "featureType": "road",            "elementType": "geometry",            "stylers":           }, {            "featureType": "road.arterial",            "elementType": "labels.text.fill",            "stylers":           }, {            "featureType": "road.highway",            "elementType": "geometry",            "stylers":           }, {            "featureType": "road.highway",            "elementType": "labels.text.fill",            "stylers":           }, {            "featureType": "road.local",            "elementType": "labels.text.fill",            "stylers":           }, {            "featureType": "transit.line",            "elementType": "geometry",            "stylers":           }, {            "featureType": "transit.station",            "elementType": "geometry",            "stylers":           }, {            "featureType": "water",            "elementType": "geometry",            "stylers":           }, {            "featureType": "water",            "elementType": "labels.text.fill",            "stylers":           }]        });		       var image = <?php marker();?>,        var beachMarker = new google.maps.Marker({          position: yourplace,          map: map,		  shape:{coords:,		  type:'circle'},            icon:{url:image,size:new google.maps.Size(68,68)},			optimized:false        });        var contentString = '<div id="content">'+            '<div id="siteNotice">'+            '</div>'+            '<h1 id="firstHeading" class="firstHeading">Uluru</h1>'+            '<div id="bodyContent">'+            '<p><b>Uluru</b>, also referred to as <b>Ayers Rock</b>, is a large ' +            'sandstone rock formation in the southern part of the '+            'Northern Territory, central Australia. It lies 335 km (208 mi) '+            'south west of the nearest large town, Alice Springs; 450 km '+            '(280 mi) by road. Kata Tjuta and Uluru are the two major '+            'features of the Uluru - Kata Tjuta National Park. Uluru is '+            'sacred to the Pitjantjatjara and Yankunytjatjara, the '+            'Aboriginal people of the area. It has many springs, waterholes, '+            'rock caves and ancient paintings. Uluru is listed as a World '+            'Heritage Site.</p>'+            '<p>Attribution: Uluru, <a href="https://en.wikipedia.org/w/index.php?title=Uluru&oldid=297882194">'+            'https://en.wikipedia.org/w/index.php?title=Uluru</a> '+            '(last visited June 22, 2009).</p>'+            '</div>'+            '</div>';        var infowindow = new google.maps.InfoWindow({          content: contentString        });        beachMarker.addListener('click', function() {          infowindow.open(map, beachMarker);        });      }    </script>                          <?php }; ?>        <?php     echo '<script src="https://maps.googleapis.com/maps/api/js?key=' . $api_key . '&callback=initMap" async defer></script>';   ?>  </div>

11. 6. 2018 17:44:18

https://webtrh.cz/diskuse/wordpress-jak-nechat-vypsat-vsechny-nemovitosti-do-google-mapy#reply1351451

Filip Šedivý

(25 hodnocení)

11. 6. 2018 22:01:46

Neberte si to špatně, ale příjde mi komické že se na webu prezentujete jako programátor stránek, co je schopen vyrobit profi stránky.

Ale na druhou stranu vlastně vám ani nejde moc pracovat s JavaScriptem.

Takových lidí na WebTrhu je jak mravenců, ale příjde mi velmi zajímavé fullstack dev co se propaguje že udělá fullservis ale vlastně se zasekne na konzoli byť v dnešní době je technologie tak vpředu že konzole ukazuje i chybu na řádku.

11. 6. 2018 22:01:46

https://webtrh.cz/diskuse/wordpress-jak-nechat-vypsat-vsechny-nemovitosti-do-google-mapy#reply1351450

Petr Gargulák

(12 hodnocení)

11. 6. 2018 22:07:15

No když jste tak chytrej tak mi to vypište.... já zase miluju lidi, kteří ničí něčí snahu.... třeba se něco naučit...pracovat..takový lidi opravdu ze srdce nesnáším.

11. 6. 2018 22:07:15

https://webtrh.cz/diskuse/wordpress-jak-nechat-vypsat-vsechny-nemovitosti-do-google-mapy#reply1351449

Filip Šedivý

(25 hodnocení)

11. 6. 2018 23:35:54

Já říkal o něco o tom že jsem chytrák? Já že jsem si nevšiml. Něco jiného je, se učit s tím a prezentovat to a něco jiného je prezentovat se za člověka co dělá weby na profi úrovni a nedokáže ani odladit blbý javascript. Máte pravdu, já také nesnáším typ lidí co se velice nadceňují :), přeci jen uznáme že profík by měl umět alespoň základy JavaScriptu.

Stačí mrknout do konzole a uvidíte hned jak se Vám sestavuje JavaScript.

11. 6. 2018 23:35:54

https://webtrh.cz/diskuse/wordpress-jak-nechat-vypsat-vsechny-nemovitosti-do-google-mapy#reply1351448

Petr Gargulák

(12 hodnocení)

12. 6. 2018 08:50:48

A do jaké konzole koukáte , že to vidíte ? Já používám firefox...

A v konzoli vidím jenom toto:

---------- Příspěvek doplněn 12.06.2018 v 09:00 ----------

Vidím řádek 1104:7, ale řádek neodpovídá , tolik řádků v kodu tam nemám.

Tady je aktuální kod:

<?phpfunction marker(){$args = array(            'post_type' => 'nase_nemovitosti',            'posts_per_page' => -1        );        $image = new WP_Query($args);        if($image->have_posts()):             while($image->have_posts()) : $image->the_post();                  $images = get_field('galerie_nemovitosti');         $image_1 = $images;            ?>       <?php echo $image_1; ?>                   <?php endwhile; ?><?php endif; ?><?php }; ?> <?php    $api_key = 'AIzaSyBnWhato3p7JhkOjk9f45WdlXYWeMEhYCY';        $location =  get_field('google_mapa', 'option');    $zoom = get_field('zoom_mapy', 'option');    if ( $api_key && $location && $location ) {			?>     <style>div#map {width: 100%; height: 635px;}div#map img{        border-radius:29px!important;		width: 54px!important;		top: 5px!important;left:5px!important;		height:54px!important;background:#fff!important;		border: 2px solid #fff!important;		box-shadow: 0 0 5px rgba(0,0,0,0.5)!important;}</style><div id="map"></div>                	                 <?php   function yourplace(){            $args = array(            'post_type' => 'nase_nemovitosti',            'posts_per_page' => -1        );        $locations = new WP_Query($args);        if($locations->have_posts()):             while($locations->have_posts()) : $locations->the_post();            $loc = get_field('mapa_nemovitosti');    ?>         <?php echo $loc; ?><?php echo $loc; ?>        <?php endwhile; ?><?php endif; ?><?php };?>           <script>  function initMap() {          var map = new google.maps.Map(document.getElementById('map'), {          zoom: <?php echo $zoom; ?>,          center:new google.maps.LatLng('<?php echo $location; ?>','<?php echo $location; ?>'),          scrollwheel: false,          styles:           }, {            "elementType": "labels.icon",            "stylers":           }, {            "elementType": "labels.text.fill",            "stylers":           }, {            "elementType": "labels.text.stroke",            "stylers":           }, {            "featureType": "administrative.land_parcel",            "elementType": "labels.text.fill",            "stylers":           }, {            "featureType": "poi",            "elementType": "geometry",            "stylers":           }, {            "featureType": "poi",            "elementType": "labels.text.fill",            "stylers":           }, {            "featureType": "poi.park",            "elementType": "geometry",            "stylers":           }, {            "featureType": "poi.park",            "elementType": "labels.text.fill",            "stylers":           }, {            "featureType": "road",            "elementType": "geometry",            "stylers":           }, {            "featureType": "road.arterial",            "elementType": "labels.text.fill",            "stylers":           }, {            "featureType": "road.highway",            "elementType": "geometry",            "stylers":           }, {            "featureType": "road.highway",            "elementType": "labels.text.fill",            "stylers":           }, {            "featureType": "road.local",            "elementType": "labels.text.fill",            "stylers":           }, {            "featureType": "transit.line",            "elementType": "geometry",            "stylers":           }, {            "featureType": "transit.station",            "elementType": "geometry",            "stylers":           }, {            "featureType": "water",            "elementType": "geometry",            "stylers":           }, {            "featureType": "water",            "elementType": "labels.text.fill",            "stylers":           }]        });		       var image = <?php marker();?>,        var beachMarker = new google.maps.Marker({          position:<?php yourplace();?>,          map: map,		  shape:{coords:,		  type:'circle'},            icon:{url:image,size:new google.maps.Size(68,68)},			optimized:false        });        var contentString = '<div id="content">'+            '<div id="siteNotice">'+            '</div>'+            '<h1 id="firstHeading" class="firstHeading">Uluru</h1>'+            '<div id="bodyContent">'+            '<p><b>Uluru</b>, also referred to as <b>Ayers Rock</b>, is a large ' +            'sandstone rock formation in the southern part of the '+            'Northern Territory, central Australia. It lies 335 km (208 mi) '+            'south west of the nearest large town, Alice Springs; 450 km '+            '(280 mi) by road. Kata Tjuta and Uluru are the two major '+            'features of the Uluru - Kata Tjuta National Park. Uluru is '+            'sacred to the Pitjantjatjara and Yankunytjatjara, the '+            'Aboriginal people of the area. It has many springs, waterholes, '+            'rock caves and ancient paintings. Uluru is listed as a World '+            'Heritage Site.</p>'+            '<p>Attribution: Uluru, <a href="https://en.wikipedia.org/w/index.php?title=Uluru&oldid=297882194">'+            'https://en.wikipedia.org/w/index.php?title=Uluru</a> '+            '(last visited June 22, 2009).</p>'+            '</div>'+            '</div>';        var infowindow = new google.maps.InfoWindow({          content: contentString        });        beachMarker.addListener('click', function() {          infowindow.open(map, beachMarker);        });      };    </script>                          <?php }; ?>        <?php     echo '<script src="https://maps.googleapis.com/maps/api/js?key=' . $api_key . '&callback=initMap" async defer></script>';   ?>

---------- Příspěvek doplněn 12.06.2018 v 17:23 ----------

Pouštím tam cyklus while funkcí, vypisuji souřadnice a to samé dělám u obrázků vypisuji z cyklu url....obrázku. Ale ta proměnná v té url javascriptu co má za úkol jeden z těch cyklů var něco,( je to v tom kodu)...tak ta se tam vypisuje jako ten cyklus...tak jak tam dát, aby to dělalo cyklus i na tu proměnnou vypsat taky v cyklu a v jakém for ? Mebo pole ?

Tady jsou použity ty funkce cyklů.

Kód:

12. 6. 2018 08:50:48

https://webtrh.cz/diskuse/wordpress-jak-nechat-vypsat-vsechny-nemovitosti-do-google-mapy#reply1351447

cargopro

5. 7. 2018 16:10:41

neměl bys použít nějaký xml objekt, který přes backend funkci načte linky fotek z db a pak to vrátí do array? Moc se v tom tvém scriptu nevyznám, ale nikde tam s něčím podobným jako xml nepracuješ a v "yourplace" pracuješ jen se souřadnicemi, nikde žádná "image url". ?

5. 7. 2018 16:10:41

https://webtrh.cz/diskuse/wordpress-jak-nechat-vypsat-vsechny-nemovitosti-do-google-mapy#reply1351446

Pro odpověď se přihlašte.

Přihlásit