creator-child/single.php

<?php
get_header();
?>
<div class="content">
	<div class="container">
		<div class="post_content">
			<?php while ( have_posts() ) : the_post(); ?>
			<article class="post_box" id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
				<h1><?php the_title(); ?></h1>

				<div class="entry-meta">
					<?php if (dess_setting('dess_display_meta') == true) creator_entry_meta(); ?>
					<?php //edit_post_link( __( 'Edit', 'twentythirteen' ), '<span class="edit-link">', '</span>' ); ?>
				</div><!-- .entry-meta -->

				<?php 
				$coord = array();
				
				the_content();
				
				//preprint($coord);
				?>
						
				<?php //echo '<div id="map" style="display: ' . ((count($coord) > 0) ? "block" : "none") . ';"></div>'; 
				if (count($coord) > 0) {
					
					//var_dump($coord);
				?>


				
<script type="text/javascript">

		jQuery(document).ready(function ($) { // wait until the document is ready
			data = false;
	
			$('button#showmap').click(function(){
				if (data == false) {
				$.ajax({
   					url: "http://maps.googleapis.com/maps/api/js?key=AIzaSyB7cAx3NSH4dPM3Sx2oQeud7Zr-KaGXmLk&sensor=false&callback=MapApiLoaded",
			   		dataType: "script",
   					timeout:8000,
		   			success: function(data) {
        		    	// Run the code here that needs
            			//    to access the data returned
		            	data = true;
        		    	return data;
		        	},
   					error: function() {
			      		alert('Error occured');
   					}
				});
				}
				$( "#locations" ).toggle( "fast");
		
				$( "button#hidemap" ).show();
				$( "button#showmap" ).hide();

			}); // button#showmap
	
			$('button#hidemap').click(function(){
				$( "#locations" ).toggle( "fast");
				$( "button#hidemap" ).hide();
				$( "button#showmap" ).show();
				data = true;
			});

		}); // jQuery

		var map;
		var markers = [];
		var cnt;
		var locations = [
		<?php
		$j = (count($coord) - 1);
		for ($i = 0; $i <= $j; $i++) {
			//echo "['<h4>" . $coord[$i][2] . "</h4>', " . $coord[$i][0] . ", " . $coord[$i][1] . "]" . (($i<$j) ? "," : "")."\r\n";
			echo "['<span class\"infowindow\">" . $coord[$i][2] . "</span>', " . $coord[$i][0] . ", " . $coord[$i][1] . "]" . (($i<$j) ? "," : "")."\r\n";
			}
		?>
		];

		function MapApiLoaded() {

    		// Setup the different icons and shadows
		    var iconURLPrefix = 'https://maps.google.com/mapfiles/ms/icons/';
    
		    var icons = [
		      iconURLPrefix + 'red-dot.png',
		      iconURLPrefix + 'green-dot.png',
		      iconURLPrefix + 'blue-dot.png',
		      iconURLPrefix + 'orange-dot.png',
		      iconURLPrefix + 'purple-dot.png',
		      iconURLPrefix + 'pink-dot.png',      
		      iconURLPrefix + 'yellow-dot.png'
		    ]
		    var iconsLength = icons.length;

   			// Create google map
  			map = new google.maps.Map($('#gmap')[0], {
		      zoom:8,
		      mapTypeId:google.maps.MapTypeId.ROADMAP,
		      panControl:false,
		      streetViewControl:false,
		      mapTypeControl:true
		    });

    		infowindow = new google.maps.InfoWindow();

    		var bounds = new google.maps.LatLngBounds();

			var iconCounter = 0;
    		for (i = 0; i < locations.length; i++) {
        		marker = new google.maps.Marker({
            		position: new google.maps.LatLng(locations[i][1], locations[i][2]),
            		map: map,
            		icon: icons[iconCounter]
        		});
        
        		markers.push(marker);
        	
	        	var zoom = 1;
				a = map.getZoom();
        		bounds.extend(marker.position);

	       		// add the double-click event listener
    			google.maps.event.addListener(marker, 'dblclick', function() {
					map.panTo(this.getPosition());
	 				//map.setZoom(9);
 					if (zoom == 1) {
 						if (map.getZoom() < (a + 6)) {
 							map.setZoom(map.getZoom() + 2);
 							}
	 					else zoom = 0;
 						}
 					else if (zoom == 0) {
 						if (map.getZoom() >= a) {
 							map.setZoom(map.getZoom() - 2);
 							}
	 					else zoom = 1;
 						}
				}); 

       			google.maps.event.addListener(marker, 'mousemove', (function (marker, i) {
            		return function () {
            	/*
            	var contentString = '<div id="content">'+
      '<div id="siteNotice">'+
      '</div>'+
      '<h1 id="firstHeading" class="firstHeading">' + locations[i][0] + '</h1>'+
      '<div id="bodyContent">'+
      '</div>'+
      '</div>';
                infowindow.setContent(contentString);
                */
   		             	infowindow.setContent(locations[i][0]);
        	        	infowindow.open(map, marker);
            		}
 		       	})(marker, i));
        
        		iconCounter++;
	    		if (iconCounter >= iconsLength) {
    	  			iconCounter = 0;
    				}

   		 } // for

    	map.fitBounds(bounds);
    	
    } //MapApiLoaded

	function jumpToMarker(cnt){
	    map.panTo(markers[cnt].getPosition());
    	if (map.getZoom() < 15) {
    		map.setZoom(a + 4);
	    	}
    	
    	setTimeout(function() {
    		infowindow.setContent(locations[cnt][0]);
	        infowindow.open(map, markers[cnt]);
    	}, 300);
	} //jumpToMarker

   		</script>
				
				
				
	<div id="locations">
		<?php
		$j = (count($coord) - 1);
		echo "<div id='center_marker'><ul class='list_marker'>";
		for ($i = 0; $i <= $j; $i++) {
			//<a href="javascript:void(0);" onclick="jumpToMarker(4)" class="button3">PontDArc</a>
			echo "<li><i class='ion-ios-location'></i><a href='javascript:void(0);' onclick='jumpToMarker(" . $i . ")'>" . $coord[$i][2] . "</a></li>";
			}
		echo "</ul></div>";
		?>
		
       <div id="gmap" style="width: 800px; height: 600px; border:1px solid #999;" class="aligncenter"></div>
	</div>
	
	<button type="button" id="showmap"><?php _e('Show map','CreatorThemeRes-child'); ?></button>
	<button type="button" id="hidemap"><?php _e('Hide map','CreatorThemeRes-child'); ?></button>
		
<?php
}
?>				
				
				
				<?php
					wp_link_pages(array(
						'before' => '<div class="link_pages">'.__('Pages', 'creator'),
						'after' => '</div>',
						'link_before' => '<span>',
						'link_after' => '</span>'
					)); 
				?>
				<?php if (dess_setting('dess_display_meta') == false) the_tags( '<div class="post_tags">' . __('Tags: ', 'CreatorThemeRes-child'), ', ', '</div>' ); ?> 
			</article>

			<?php
			if (current_user_can('edit_post')) {
				edit_post_link(
					sprintf(
						/* translators: %s: Name of current post */
						__( 'Edit post<span class="screen-reader-text"> "%s"</span>', 'CreatorThemeRes-child' ),
						get_the_title()
						),
						'<span class="edit-link">',
						'</span>'
					);
				}
			?>
			
			<?php creator_post_nav(); ?>

			<div class="clear"></div>
			<?php if ( comments_open() || '0' != get_comments_number() ) : ?>
						<div class="home_blog_box">

						<button id="togle">
							<?php
							_e('Display','CreatorThemeRes-child');
							comments_number(esc_html__(' 0 Comment','CreatorThemeRes-child'), esc_html__(' 1 Comment','CreatorThemeRes-child'), '% '.esc_html__(' Comments','CreatorThemeRes-child') );
							?>
						</button>
							
							<div class="comments_cont">
							<?php
								// If comments are open or we have at least one comment, load up the comment template
								comments_template( '', true );
							?>
							</div>
						</div>
			<?php endif;
			endwhile;
			?>
		</div>

	</div>
	</div>
<?php
get_footer();
?>