WordPress acf field a google map

Tento obchod již není aktivní.

založeno 12. 6. 2018

0 zájemců

Ochrana pomocí úschovy prostředků

Vybraní dodavatelé

Petr Kubík

Webdeveloper

Vojtěch Vošmík

Vývojář mobilních aplikací pro Android a iOS

Peach-dev

Tvorba mobilních a webových aplikací

Technovate s.r.o.

Děláme moderní software ze srdce Ostravy

Šimon Ustal

Grafický designér a webdesignér

Více firem

Ahoj všem,

poptávám pomoc s google mapou za úplatu.

Potřebuji, aby se mi vypisovali všechny markery z první fotky z galerie...pak potřebuji přes javascript vložit napravo od markeru na mapě div s počtem bytů....

Pole na to mám připravené..zatím jsem vytvořil něco takového, ale háže mi to chybu.

<?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;
        
    ?>
    
   <?php echo $image_1<a href="http://; ?>
           
    
    <?php endwhile; ?>

<?php endif; ?>

<?php }; ?>

<?php 
   $api_key = '';
    
    $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>

<?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řidávám ještě chyby, které to tam háže:

Je to tady na té stránce dole....

http://domia.tode.cz" rel='nofollow' title="; ?>

$api_key = '';

$location = get_field('google_mapa', 'option');

$zoom = get_field('zoom_mapy', 'option');

if ( $api_key && $location && $location ) {

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');

echo '';

Přidávám ještě chyby, které to tam háže:

Je to tady na té stránce dole....

http://domia.tode.cz">; ?>

$api_key = '';

$location = get_field('google_mapa', 'option');

$zoom = get_field('zoom_mapy', 'option');

if ( $api_key && $location && $location ) {

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');

echo '';

Přidávám ještě chyby, které to tam háže:

Je to tady na té stránce dole....

http://domia.tode.cz

Musel jsem tam dát under construction.... více info pak zašlu emailem, až se s někým domluvím. Moc děkuji.

Navstevnik

heslo:

heslo77

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

Tady je zajímavý článek:

javascript - Google Maps JS API v3 - Simple Multiple Marker Example - Stack…

15 zobrazení

Zadavatel