CommuteTest

by dannyywhite

HTML

<script src="https://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=geometry&amp;.js"></script>
<div id="map-canvas"></div>
<div id="results"></div>

CSS

#map-canvas {
    height: 450px;
}

JavaScript

var directionsDisplay;
var map;
var directionsService = new google.maps.DirectionsService();
var stepDisplay = new google.maps.InfoWindow();
var numberedMarker = "http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=___|FE6256|000000";
var countRoute = 0;
var n = 0;
var MAX_TIME = 8; //in minutes
var totalPoints = 10;
var allFinalPoints = [];
var latCenter = 51.528302;
var lonCenter = -0.122461;
var centerLatLng = new google.maps.LatLng(latCenter, lonCenter);
var radius = 1200;  //in meters

function initialize() {				
		
    var mapOptions = {
        zoom: 13,
        center: centerLatLng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);

    /*var marker = new google.maps.Marker({
        position: centerLatLng,
        map: map
    });*/
    
    google.maps.event.addListener(map, 'idle', function () {

        var bounds = map.getBounds();
        
        var mapTop = new google.maps.LatLng(bounds.getNorthEast().lat(), centerLatLng.lng());
        var distanceToTop = google.maps.geometry.spherical.computeDistanceBetween(centerLatLng, mapTop);
        
        var mapLeft = new google.maps.LatLng(centerLatLng.lat(), bounds.getSouthWest().lng());
        var distanceToLeft = google.maps.geometry.spherical.computeDistanceBetween(centerLatLng, mapLeft);
        
        //var radius = distanceToTop < distanceToLeft ? distanceToTop : distanceToLeft;
        
        var circle = new google.maps.Circle({
            strokeColor: '#FF0000',
            strokeOpacity: 0.8,
            strokeWeight: 2,
            fillColor: '#FF0000',
            fillOpacity: 0.35,
            editable: true,
            map: map,
            center: centerLatLng,
            radius: radius
        });
    });
    
       
    var R = 6378137;
    var dn = radius;
    var de = radius;
         
    var dLat = dn/R;
    //var dLon = de/R;    
    var temp1 = Math.PI*latCenter/180;
   ...