Google map a wordpress.

Ahoj všem,

hledám někoho kdo by mi pomohl s google mapou, potřebuji tam:

1. výpis všech obrázků a adres na google mapě v kodu se o to snažím.

2. přidat jedno hotové pole pocet_bytu do kolečka napravo v markeru...s nulou, červená, od 1 a více zelené kolečko.

3. do pop over v api dostat permalink, title, pole s textem a první foto z galerie každé nemovitosti.

Mám hotový následující kod:

<?php
function marker(){
  $ret = array();
    $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;
        $ret[] = $image_1;
      endwhile;
    endif;

return $ret;
}; ?>

<?php 
    $markers = marker();
   $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;}

<?php for( $i = 0; $i < count( $markers ); $i++ ) {
  echo 'div#map img . '"]';
  if ( ( $i + 1 ) < count( $markers ) ) {
    echo ',' . PHP_EOL;
  }
}?> {
        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(){
  $ret = array();
  $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');
      $ret[] = array( $loc, $loc );
    endwhile;
  endif;
  return $ret;
};

$yourplaces = yourplace();

?>   
       
 <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 = ;
        var beachMarker = new google.maps.Marker({
          position:  . ', lng: ' . $yourplaces . ' }';
            echo ( $i + 1 < count( $yourplaces ) ) ? ', ' : '';
          } ?>],
          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>';
   
?>

Více info zde:

domia.tode.cz

heslo: heslo77

Chyby tam jsou následující:

Google map a wordpress.

Vybraní dodavatelé

Další poptávky Více