1 line
5.3 KiB
PHP
1 line
5.3 KiB
PHP
|
<?php
/**
* The template for displaying archive pages
*
* Used to display archive-type pages if nothing more specific matches a query.
* For example, puts together date-based pages if no date.php file exists.
*
* If you'd like to further customize these archive views, you may create a
* new template file for each one. For example, tag.php (Tag archives),
* category.php (Category archives), author.php (Author archives), etc.
*
* @link https://codex.wordpress.org/Template_Hierarchy
*
* @package WordPress
* @subpackage Twenty_Sixteen
* @since Twenty Sixteen 1.0
*/
get_header(); ?>
<?php
$loop = new WP_Query( $args );
?>
<header class="entry-content tile location-block">
<div class="post-header-title">
<h1 id="page-title">Experience</h1>
<h2 id="page-subtitle">by location</h2>
<?php while (have_posts()) : the_post(); ?>
<div class="entry-content" id="taxonomy-description">
<?php the_content() ?>
<div>
<a class="hyperlink-button" href="?view=countries">Countries</a>
<!--<a class="hyperlink-button" href="?view=regions">Regions</a>-->
<a class="hyperlink-button" href="?view=locations">Locations</a>
</div>
</div>
<?php endwhile; ?>
</div>
</header>
<?php
$locations = get_terms('location', array('hide_empty' => 0));
// Gets all of the top-level location terms.
$terms = get_terms(array('taxonomy' => 'location', 'term_args' => array('parent' => 0)));
?>
<div id="primary" class="content-area">
<main id="company-main" class="site-main" role="main">
<div class="row">
<div id="map" style="height:100vh; width:100%;"></div>
</div>
<?php if (!empty($locations)): ?>
<?php if ($_GET['view'] == "countries"): ?>
<?php
$locationsSubset = array_filter($locations, function ($t) {
return $t->parent != 0 && get_term($t->parent, 'location')->parent == 0;
});
?>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['geochart']});
google.charts.setOnLoadCallback(drawMap);
function drawMap() {
var data = google.visualization.arrayToDataTable([
['Country'],
<?php foreach ((array)$locationsSubset as $term): ?>
['<?php echo $term->description ?>'],
<?php endforeach; ?>
]);
var options = {
};
var chart = new google.visualization.GeoChart(document.getElementById('map'));
chart.draw(data, options);
}
</script>
<?php elseif ($_GET['view'] == "locations"): ?>
<?php
$locationsSubset = array_filter($locations, function ($t) {
return $t->parent != 0 && get_term($t->parent, 'location')->parent != 0 && get_term(get_term($t->parent, 'location')->parent, 'location')->parent != 0 && get_term(get_term(get_term($t->parent, 'location')->parent, 'location')->parent, 'location')->parent == 0;
});
?>
<script type="text/javascript">
var locations = [
<?php foreach((array)$locationsSubset as $term): ?>
{<?php echo $term->description ?>},
<?php endforeach; ?>
]
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 3,
center: {lat: 51.483462, lng: 0.0586198}
});
// Create an array of alphabetical characters used to label the markers.
var labels = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
// Add some markers to the
|