How do I get a php variable to work in google maps

I have a custom post type called "events" and I'm storing latitude and longitude in a custom field. I want the events to display in a google map. This is what i got so far.

<?php       
  $timecutoff = date("Y-m-d");
    $args = array(
      'post_type'    => 'events',
      'orderby'      => 'meta_value',
      'meta_key'     => 'event_date',
      'meta_compare' => '>=',
      );
  $my_query = new WP_Query($args);
  if ($my_query->have_posts()) : while ($my_query->have_posts()) :
  $my_query->the_post();
    $lat =  get_field('gp_latitude');
    $lon = get_field('gp_longitude');
    $eventtime = get_field('event_time');
    wp_localize_script( $lat, $lon, $event_time ); 
?>
 <div id="map" style="width: 500px; height: 400px;"></div>
 <script type="text/javascript">
             var locations = [
          ['<?php echo json_encode($eventtime);?>';, <?php echo json_encode($lat); ?>;, <?php echo json_encode($lon); ?>;, 4],
          ['Coogee Beach', -33.923036, 151.259052, 5],
          ['Cronulla Beach', -34.028249, 151.157507, 3],
          ['Manly Beach', -33.80010128657071, 151.28747820854187, 2],
          ['Maroubra Beach', -33.950198, 151.259302, 1]
      ];

var map = new google.maps.Map(document.getElementById('map'), {
  zoom: 10,
  center: new google.maps.LatLng(-33.92, 151.25),
  mapTypeId: google.maps.MapTypeId.ROADMAP
});

var infowindow = new google.maps.InfoWindow();

var marker, i;

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
  });

  google.maps.event.addListener(marker, 'click', (function(marker, i) {
    return function() {
      infowindow.setContent(locations[i][0]);
      infowindow.open(map, marker);
    }
  })(marker, i));
}