Shopic.cz - Jednoproduktové e-shopy | Startovací sleva 50% |
Zobrazují se odpovědi 1 až 5 z 5

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

  1. 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

    Kód:
     
    
     
    <?php
    
    <?php
    function 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[0];
            
        ?>
        
       <?php echo $image_1[url]; ?>
               
        
        <?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['lat'] && $location['lng'] ) {
    	
    	echo marker();
    	
    	?>
     
     
     
     
     <style>
    div#map {width: 100%; height: 635px;}
    
    
    div#map img[src="<?php marker();?>"]{
            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 
            $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['lat']; ?>','<?php echo $loc['lng']; ?>')],
    
        
        <?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['lat']; ?>','<?php echo $location['lng']; ?>'),
              scrollwheel: false,
              styles: [{
                "elementType": "geometry",
                "stylers": [{
                  "color": "#f5f5f5"
                }]
              }, {
                "elementType": "labels.icon",
                "stylers": [{
                  "visibility": "off"
                }]
              }, {
                "elementType": "labels.text.fill",
                "stylers": [{
                  "color": "#616161"
                }]
              }, {
                "elementType": "labels.text.stroke",
                "stylers": [{
                  "color": "#f5f5f5"
                }]
              }, {
                "featureType": "administrative.land_parcel",
                "elementType": "labels.text.fill",
                "stylers": [{
                  "color": "#bdbdbd"
                }]
              }, {
                "featureType": "poi",
                "elementType": "geometry",
                "stylers": [{
                  "color": "#eeeeee"
                }]
              }, {
                "featureType": "poi",
                "elementType": "labels.text.fill",
                "stylers": [{
                  "color": "#757575"
                }]
              }, {
                "featureType": "poi.park",
                "elementType": "geometry",
                "stylers": [{
                  "color": "#e5e5e5"
                }]
              }, {
                "featureType": "poi.park",
                "elementType": "labels.text.fill",
                "stylers": [{
                  "color": "#9e9e9e"
                }]
              }, {
                "featureType": "road",
                "elementType": "geometry",
                "stylers": [{
                  "color": "#ffffff"
                }]
              }, {
                "featureType": "road.arterial",
                "elementType": "labels.text.fill",
                "stylers": [{
                  "color": "#757575"
                }]
              }, {
                "featureType": "road.highway",
                "elementType": "geometry",
                "stylers": [{
                  "color": "#dadada"
                }]
              }, {
                "featureType": "road.highway",
                "elementType": "labels.text.fill",
                "stylers": [{
                  "color": "#616161"
                }]
              }, {
                "featureType": "road.local",
                "elementType": "labels.text.fill",
                "stylers": [{
                  "color": "#9e9e9e"
                }]
              }, {
                "featureType": "transit.line",
                "elementType": "geometry",
                "stylers": [{
                  "color": "#e5e5e5"
                }]
              }, {
                "featureType": "transit.station",
                "elementType": "geometry",
                "stylers": [{
                  "color": "#eeeeee"
                }]
              }, {
                "featureType": "water",
                "elementType": "geometry",
                "stylers": [{
                  "color": "#c9c9c9"
                }]
              }, {
                "featureType": "water",
                "elementType": "labels.text.fill",
                "stylers": [{
                  "color": "#9e9e9e"
                }]
              }]
            });
    		
           var image = <?php marker();?>,
            var beachMarker = new google.maps.Marker({
              position: yourplace,
              map: map,
    		  shape:{coords:[34,34,34],
    		  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&#160;km (208&#160;mi) '+
                'south west of the nearest large town, Alice Springs; 450&#160;km '+
                '(280&#160;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>
    Naposledy upravil PetrGargulák : 11.06.2018 v 21:57

  2. Co se právě děje na Webtrhu?
  3. 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.

  4. 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.

  5. 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.

    Kód:
           var image =     
       http://domia.tode.cz/wp-content/uploads/2018/05/Pronajem-bytu-06.jpg           
        
            
       http://domia.tode.cz/wp-content/uploads/2018/05/Pronajem-bytu-05.jpg           
        
            
       http://domia.tode.cz/wp-content/uploads/2018/05/Pronajem-bytu-13.jpg           
        
            
       http://domia.tode.cz/wp-content/uploads/2018/05/Pronajem-bytu-04.jpg           
        
            
       http://domia.tode.cz/wp-content/uploads/2018/05/Pronajem-bytu-11.jpg           
        
        
    
    ,

  6. A do jaké konzole koukáte , že to vidíte ? Já používám firefox...
    A v konzoli vidím jenom toto:
    Kód:
    SyntaxError: unexpected token: ':'[Zjistit více]
    domia.tode.cz:1104:7
    uncaught exception: InvalidValueError: initMap is not a function
    Chyba zdrojové mapy: request failed with status 404
    URL adresa zdroje: http://domia.tode.cz/wp-content/themes/understrap/js/popper.min.js?ver=0.8.2
    URL adresa zdrojové mapy: popper.min.js.map[Zjistit více]
    perf_trace {"name": "e2e", "parent": "PageEvents.BIGPIPE_ONLOAD"}
    GeX2mrlU3pw.js:143:2734
    perf_trace {"name": "e2e", "parent": "PageEvents.BIGPIPE_ONLOAD"}


    ---------- 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:

    Kód:
     
     
    
     
    <?php
    function 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[0];
            
        ?>
        
       <?php echo $image_1[url]; ?>
               
        
        <?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['lat'] && $location['lng'] ) {
    	
    
    	
    	?>
     
     
     
     
     <style>
    div#map {width: 100%; height: 635px;}
    
    
    div#map img[src="<?php marker();?>"]{
            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['lat']; ?><?php echo $loc['lng']; ?>
    
        
        <?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['lat']; ?>','<?php echo $location['lng']; ?>'),
              scrollwheel: false,
              styles: [{
                "elementType": "geometry",
                "stylers": [{
                  "color": "#f5f5f5"
                }]
              }, {
                "elementType": "labels.icon",
                "stylers": [{
                  "visibility": "off"
                }]
              }, {
                "elementType": "labels.text.fill",
                "stylers": [{
                  "color": "#616161"
                }]
              }, {
                "elementType": "labels.text.stroke",
                "stylers": [{
                  "color": "#f5f5f5"
                }]
              }, {
                "featureType": "administrative.land_parcel",
                "elementType": "labels.text.fill",
                "stylers": [{
                  "color": "#bdbdbd"
                }]
              }, {
                "featureType": "poi",
                "elementType": "geometry",
                "stylers": [{
                  "color": "#eeeeee"
                }]
              }, {
                "featureType": "poi",
                "elementType": "labels.text.fill",
                "stylers": [{
                  "color": "#757575"
                }]
              }, {
                "featureType": "poi.park",
                "elementType": "geometry",
                "stylers": [{
                  "color": "#e5e5e5"
                }]
              }, {
                "featureType": "poi.park",
                "elementType": "labels.text.fill",
                "stylers": [{
                  "color": "#9e9e9e"
                }]
              }, {
                "featureType": "road",
                "elementType": "geometry",
                "stylers": [{
                  "color": "#ffffff"
                }]
              }, {
                "featureType": "road.arterial",
                "elementType": "labels.text.fill",
                "stylers": [{
                  "color": "#757575"
                }]
              }, {
                "featureType": "road.highway",
                "elementType": "geometry",
                "stylers": [{
                  "color": "#dadada"
                }]
              }, {
                "featureType": "road.highway",
                "elementType": "labels.text.fill",
                "stylers": [{
                  "color": "#616161"
                }]
              }, {
                "featureType": "road.local",
                "elementType": "labels.text.fill",
                "stylers": [{
                  "color": "#9e9e9e"
                }]
              }, {
                "featureType": "transit.line",
                "elementType": "geometry",
                "stylers": [{
                  "color": "#e5e5e5"
                }]
              }, {
                "featureType": "transit.station",
                "elementType": "geometry",
                "stylers": [{
                  "color": "#eeeeee"
                }]
              }, {
                "featureType": "water",
                "elementType": "geometry",
                "stylers": [{
                  "color": "#c9c9c9"
                }]
              }, {
                "featureType": "water",
                "elementType": "labels.text.fill",
                "stylers": [{
                  "color": "#9e9e9e"
                }]
              }]
            });
    		
           var image = <?php marker();?>,
            var beachMarker = new google.maps.Marker({
              position:<?php yourplace();?>,
              map: map,
    		  shape:{coords:[34,34,34],
    		  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&#160;km (208&#160;mi) '+
                'south west of the nearest large town, Alice Springs; 450&#160;km '+
                '(280&#160;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:

    Kód:
    var image = <?php marker();?>,
        var beachMarker = new google.maps.Marker({
        position:<?php yourplace();?>,

Hostujeme u Server powered by TELE3