Simple Polygon

by rhavelka

HTML

<div id="lat"></div>
<div id="map"></div>
<!-- Replace the value of the key parameter with your own API key. -->
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk&callback=initMap">
</script>

CSS

/* Always set the map height explicitly to define the size of the div
 * element that contains the map. */
#map {
  height: 100%;
}
/* Optional: Makes the sample page fill the window. */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

JavaScript

function initMap() {

  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 5,
    center: {lat: 38, lng: -100}
  });
  
var marker = new google.maps.Marker({
        map: map,
        title: 'test',
    		draggable:true,
        position: new google.maps.LatLng(30, -92)
    });

    google.maps.event.addListener(marker, 'click', function() {
        console.log(marker.position.lat(), marker.position.lng());
});

		var pacificTimeZone = [
    
    /* mexico border */
    {lat: 32.534, lng: -117.124},
   
    /* line from pacific to mountain */
    {lat: 32.719, lng: -114.720},
    {lat: 32.746, lng: -114.702},
   {lat: 32.739, lng: -114.690},
    {lat: 32.729, lng: -114.616},
    {lat: 32.755, lng: -114.527},
    {lat: 32.793, lng: -114.532},
    {lat: 32.845, lng: -114.469},
    {lat: 32.911, lng: -114.464},
    {lat: 33.027, lng: -114.514},
    {lat: 33.036, lng: -114.669},
    {lat: 33.086, lng: -114.699},
    {lat: 33.407, lng: -114.701},
    {lat: 33.455, lng: -114.623},
    {lat: 33.557, lng: -114.525},
    {lat: 33.580, lng: -114.541},
    {lat: 33.684, lng: -114.525},
    {lat: 33.696, lng: -114.497},
    {lat: 33.727, lng: -114.501},
    {lat: 33.853, lng: -114.531},
    {lat: 33.878, lng: -114.505},
    {lat: 33.925, lng: -114.534},
    {lat: 33.940, lng: -114.532},
    {lat: 34.019, lng: -114.440},
    {lat: 34.087, lng: -114.434},
    {lat: 34.105, lng: -114.420},
    {lat: 34.111, lng: -114.401},
    {lat: 34.125, lng: -114.361},
    {lat: 34.134, lng: -114.352},
    {lat: 34.137, lng: -114.324},
    {lat: 34.167, lng: -114.292},
    {lat: 34.170, lng: -114.267},
    {lat: 34.191, lng: -114.225},
    {lat: 34.203, lng: -114.225},
    {lat: 34.259, lng: -114.160},
    {lat: 34.259, lng: -114.131},
    {lat: 34.305, lng: -114.141},
    {lat: 34.451, lng: -114.343},
    {lat: 34.447, lng: -114.377},
    {lat: 34.512, lng: -114.378},
    {lat: 34.712, lng: -114.471},
    {lat: 34.736, lng: -114.517},
    {lat: 34.839, lng:...