Google Map integration

gistfile1.php

<script type="text/javascript" src="https://www.google.com/jsapi"></script>

<script type="text/javascript">
	
        google.load("visualization", "1", {packages:["map"]});
	
        google.setOnLoadCallback(drawChart);
	
        function drawChart() {
                    
                var data = google.visualization.arrayToDataTable([
                              
                        ['Lat', 'Long', 'Name'],
                              
                        <?php
                                $args = array(
                                        'post_type' => 'post',
                                        'ignore_sticky_posts' => true,
                                        'posts_per_page' => 400,
                                        'meta_query' => array(
                                                array(
                                                        'key' => 'geo_public',
                                                        'value'   => 'true',
                                                )
                                        ),
                                );

                                $loop = new WP_Query( $args ); 
                                        
                                if ( $loop->have_posts() ) :
                                        
                                        while ( $loop->have_posts() ) : $loop->the_post();           
                                                $lat = esc_attr( get_post_meta( get_the_ID(), 'geo_latitude', true ) );
                                                $lng = esc_attr( get_post_meta( get_the_ID(), 'geo_longitude', true ) );
                                                $content = sprintf( '<a href="%1$s">%2$s</a>',
                                                        esc_url( get_permalink() ),
                                                        esc_attr( get_the_title() )                                                                    
                                                );                                                            
                        ?>
                                                [ <?php echo $lat; ?>, <?php echo $lng; ?>, '<?php echo $content; ?>' ],
                        <?php 
                                        endwhile;

                                endif;

                                wp_reset_query();
                        ?>   
                ]);
    
                var map = new google.visualization.Map(document.getElementById('map'));
                    
                map.draw(
                        data, {
                                showTip: true,
                                mapType: 'normal',
                                useMapTypeControl: true
                        }
                );
                    
	}
          
</script>