I am here new. Please help me. I set Google map road direction on my page. But Road map only shows Mozilla and IE.
My JS code is...
function init_map() {
map = new google.maps.Map(document.getElementById("map"), {
zoom: 4,
mapTypeId: 'roadmap',
//scrollwheel: false,
mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}
});
infoWindow = new google.maps.InfoWindow();
}
function calcRoute() {
var end=document.getElementById("end").value;
var start=document.getElementById("start").value;
directionsDisplay = new google.maps.DirectionsRenderer();
var settings ={
zoom: 4,
mapTypeId: 'roadmap',
mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}
};
var map = new google.maps.Map(document.getElementById("map"),settings);
directionsDisplay.setMap(map);
var request ={
origin:start,
destination:end,
travelMode: google.maps.DirectionsTravelMode.DRIVING
};
directionsService.route(request, function(response, status)
{
if (status == google.maps.DirectionsStatus.OK)
{
directionsDisplay.setDirections(response);
}
else {
alert('Error: ' + status);
}
});
}
When i clicked on "Get Direction" it called "calcRoute" function.