Display Google Map in PHP page

Trying to display Google Map javascript in Child .php page, see below:

<?php
/**
* Template Name: Listeners
*
* @package WordPress
* @subpackage 2014-Child
* @since Twenty Fourteen 1.0
*/

get_header(); ?>

<div id="main-content" class="main-content">
<?php include_once("analyticstracking.php") ?>
<?php
if ( is_front_page() && twentyfourteen_has_featured_posts() ) {
// Include the featured content template.
get_template_part( 'featured-content' );
}
?>

<div id="primary" class="content-area">
<div id="content" class="site-content" role="main">
<?php
<?php
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
google.load('visualization', '1', {'packages': ['geochart']});
google.setOnLoadCallback(drawRegionsMap);

function drawRegionsMap() {
var data = google.visualization.arrayToDataTable([
['Continent', 'Popularity'],
['Africa', 002],
['Europe', 150],
['Americas', 019],
['Asia', 142],
['Oceania', 009]
]);

var options = {};

var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
chart.draw(data, options);
};
</script>
echo do_shortcode(

)
?>
</div><!-- #content -->
<div id="chart_div" style="width: 1039px; height: 584px;"></div>
</div><!-- #primary -->
</div><!-- #main-content -->
<?php
get_sidebar();
get_footer();