[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Google Maps API Проложить маршрут от м.Берестейка
ataman
Привет всем!

Такая проблема, как по нажатию кнопки сделать построение маршрута от метро Берестейка к определенному адресу (адрес известен).


<button class="route btn btn-primary" id="travelMode1" data-travelmode="WALKING">Пешком</button>
<button
class="route btn btn-primary" id="travelMode2" data-travelmode="DRIVING">На авто</button>



function initialize() {

var settings = {
zoom: 17,
center: new google.maps.LatLng(50.445068, 30.420486),
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
},
navigationControl: true,
navigationControlOptions: {
style: google.maps.NavigationControlStyle.SMALL
},
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), settings);
//---------------------------------------------------
var travelMode;
// var travelMode = "google.maps.DirectionsTravelMode.WALKING";

var modeButton1 = document.getElementById('travelMode1');
var modeButton2 = document.getElementById('travelMode2');

modeButton1.onclick = function() {
travelMode = "google.maps.DirectionsTravelMode."+this.getAttribute('data-travelmode');
modeButton2.className = '';
this.className = 'active';
setRoutetype ();
}

modeButton2.onclick = function() {
travelMode = "google.maps.DirectionsTravelMode."+this.getAttribute('data-travelmode');
modeButton1.className = '';
this.className = 'active';
setRoutetype ();
}


//--------------------------------------------
var balloon = new google.maps.InfoWindow();
var service = new google.maps.DirectionsService();
var direction = new google.maps.DirectionsRenderer({map: map});
var position = new google.maps.LatLng(50.448238, 30.491260);
var request = {
origin: position,
destination: latlng,
travelMode: travelMode
};

var companyImage = new google.maps.MarkerImage('design/images/contacts/pin-jaya.png',
new google.maps.Size(154, 133),
new google.maps.Point(0, 0),
new google.maps.Point(60, 120)
);


var companyPos = new google.maps.LatLng(50.448238, 30.491260);

var companyMarker = new google.maps.Marker({
position: companyPos,
map: map,
icon: companyImage,
title: "JayaDigital",
zIndex: 3
});

function setRoutetype () {
navigator.geolocation.getCurrentPosition(function(position) {
showRouteService(position);
});

}
function showRouteService(position) {

var request = {
origin: new google.maps.LatLng(position.coords.latitude, position.coords.longitude),
destination: latlng,
travelMode: google.maps.DirectionsTravelMode.DRIVING
};

service.route(request, function(response, status) {
if (status == google.maps.DirectionsStatus.OK) {
direction.setDirections(response);
}
}
);

}

}


Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.