var rendererOptions = { draggable: true }; var directionsDisplay = new google.maps.DirectionsRenderer(rendererOptions); var directionsService = new google.maps.DirectionsService(); var map; var latLng = new google.maps.LatLng(,); function initialize() { var myOptions = { zoom: 13, mapTypeId: google.maps.MapTypeId.ROADMAP, center: latLng }; map = new google.maps.Map(document.getElementById("map-canvas"), myOptions); directionsDisplay.setMap(map); directionsDisplay.setPanel(document.getElementById("directionsPanel")); var image = 'http://www.bursarehberim.com/images/pinmap.png'; var myLatLng = new google.maps.LatLng(,); var Marker = new google.maps.Marker({ position: latLng, map: map, icon: image }); var pinkParksStyles = [ { featureType: "poi.business", elementType: "labels", stylers: [ { visibility: "off" } ] } ]; map.setOptions({styles: pinkParksStyles}); document.getElementById('loading_div').style.display="none"; var content = '
  '; infowindow = new google.maps.InfoWindow({ content: content }); ////////////////////////////////// Fix by Stiofan hebtech.co.uk for bubble beign hidden on load///////////////////// google.maps.event.addListener(Marker, 'click', function() { infowindow.open(map,Marker); }); ////////////////////////////////// End Fix by Stiofan hebtech.co.uk for bubble beign hidden on load///////////////// //calcRoute(); google.maps.event.addListener(directionsDisplay, 'directions_changed', function() { computeTotalDistance(directionsDisplay.directions); }); ///////////////////////////////////////////////////////////////////////////// var maxMap = document.getElementById( 'triggermap' ); google.maps.event.addDomListener(maxMap, 'click', showAlert); function showAlert() { // window.alert('DIV clicked'); jQuery('#map-canvas').toggleClass('map-fullscreen'); jQuery('.map_category').toggleClass('map_category_fullscreen'); jQuery('#trigger').toggleClass('map_category_fullscreen'); jQuery('body').toggleClass('body_fullscreen'); jQuery('#loading_div').toggleClass('loading_div_fullscreen'); jQuery('#advmap_nofound').toggleClass('nofound_fullscreen'); jQuery('#triggermap').toggleClass('triggermap_fullscreen'); jQuery('.TopLeft').toggleClass('TopLeft_fullscreen'); //var darwin = new google.maps.LatLng(-12.461334, 130.841904); //map.setCenter(darwin); window.setTimeout(function() { var center = map.getCenter(); google.maps.event.trigger(map, 'resize'); map.setCenter(center); }, 100); } //////////////////////////////////////////////////////////////////////////////// } function gtGetTravelMode(){ var mode = jQuery('#travel-mode').val(); if (mode=='driving'){return google.maps.DirectionsTravelMode.DRIVING;} else if (mode=='walking') {return google.maps.DirectionsTravelMode.WALKING;} else if(mode=='bicycling') {return google.maps.DirectionsTravelMode.BICYCLING;} else if (mode=='transit') {return google.maps.DirectionsTravelMode.TRANSIT;} else{return google.maps.DirectionsTravelMode.DRIVING;} } function gtGetTravelUnits(){ var mode = jQuery('#travel-units').val(); if (mode=='kilometers'){return google.maps.DirectionsUnitSystem.METRIC;} else{return google.maps.DirectionsUnitSystem.IMPERIAL;} } function calcRoute() { jQuery('#directions-options').show(); var dest = document.getElementById('fromAddress').value; var request = { origin: dest, destination: ",", travelMode: gtGetTravelMode(), unitSystem: gtGetTravelUnits(), }; directionsService.route(request, function(response, status) { if (status == google.maps.DirectionsStatus.OK) { directionsDisplay.setDirections(response); }else {alert('Address not found for: '+ dest);} }); } function computeTotalDistance(result) { var total = 0; var myroute = result.routes[0]; for (i = 0; i < myroute.legs.length; i++) { total += myroute.legs[i].distance.value; } totalk = total / 1000 totalk_round = Math.round(totalk * 100)/100 totalm = total / 1609.344 totalm_round = Math.round(totalm * 100)/100 //document.getElementById("directionsPanel").innerHTML = "

Total Distance: " + totalk_round + " km

Total Distance: " + totalm_round + " miles

"; } google.maps.event.addDomListener(window, 'load', initialize);