atravelblog/page-pins.php
Markus Ankenbrand 70f9261153 Fix typo
2017-02-19 19:01:49 +01:00

125 lines
No EOL
3.7 KiB
PHP

<?php get_header(); ?>
<div class="content section-inner">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div <?php post_class('post single'); ?>>
<div class="post-container">
<?php if ( has_post_thumbnail() ) : ?>
<?php $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'thumbnail_size' ); $thumb_url = $thumb['0']; ?>
<div class="featured-media">
<?php the_post_thumbnail('post-image'); ?>
</div> <!-- /featured-media -->
<?php endif; ?>
<div class="post-header">
<h1 class="post-title"><?php the_title(); ?></h1>
</div>
<div class="post-inner">
<div class="post-content">
<?php the_content(); ?>
<?php wp_link_pages('before=<div class="clear"></div><p class="page-links">' . __( 'Pages:', 'hitchcock' ) . ' &after=</p>&seperator= <span class="sep">/</span> '); ?>
</div> <!-- /post-content -->
<div class="clear"></div>
<?php edit_post_link(__('Edit Page','hitchcock'), '<div class="post-meta"><p class="post-edit">', '</p></div>'); ?>
</div> <!-- /post-inner -->
<div class="post-meta">
<div class='map' style='height:300px; margin-bottom: 1.6842em' id='map-stats'></div>
</div> <!-- /post-meta -->
<?php comments_template( '', true ); ?>
</div> <!-- /post-container -->
</div> <!-- /post -->
<?php endwhile; else: ?>
<p><?php _e("We couldn't find any posts that matched your query. Please try again.", "hitchcock"); ?></p>
<?php endif; ?>
<div class="clear"></div>
</div> <!-- /content -->
<?php
query_posts( 'category_name=urlaub&posts_per_page=10000' );
$locations = array();
while ( have_posts() ) : the_post();
$places = get_field('orte');
if($places){
foreach ($places as $place){
$locations[] = array_merge(array("post" => $post->ID, "title" => $post->post_title, "traveler" => get_field('mitreisende')), $place);
}
}
endwhile;
var_dump($locations);
?>
<script type='text/javascript'>
var places = <?php echo json_encode($locations); ?>;
var map;
var map_center = {lat: parseFloat(places[0]['lat']), lng: parseFloat(places[0]['lng']) };
var markers = [];
function initMap() {
markers = [];
map = new google.maps.Map(document.getElementById('map-stats'), {
center: map_center,
zoom: 15
});
var bounds = new google.maps.LatLngBounds();
for(var i = 0; i < places.length; i++){
var marker = new google.maps.Marker({
position: {lat: parseFloat(places[i]['lat']), lng: parseFloat(places[i]['lng']) },
title: places[i]['title'],
url: "/?p="+places[i]['post'],
traveler: places[i]['traveler'],
map: map
});
marker.setVisible(true);
markers.push(marker);
google.maps.event.addListener(marker, 'click', function() {
window.location.href = this.url;
});
bounds.extend(marker.getPosition());
}
map.fitBounds(bounds);
window.setTimeout(function(){
if(map.getZoom() > 15){
map.setZoom(15);
}
}, 500);
}
function filterMarkersByTraveler(traveler){
for(var i=0; i<markers.length; i++){
if(markers[i]['traveler'].indexOf(traveler) > -1){
markers[i].setVisible(true);
} else {
markers[i].setVisible(false);
}
}
}
</script>
<?php get_footer(); ?>