Нажимаемое направление движения на Google Maps v3
Я делаю проект карт Google, и мне нужно создать маршрут, нажав на него.
В моем проекте есть 2 точки с заранее заданными широтой и долготой, и я хочу самостоятельно нарисовать начало и конец точек A и B и не потерять их функциональность.
Я сделал другой проект, который вы можете щелкнуть, чтобы нарисовать маршрут, но у него нет маркеров, и он не перетаскивается,это мой настоящий проект с полным кодом Я опубликую здесь короткий код только с моими указаниями.
Я хочу, чтобы мой первый щелчок по точке A и вторая моя точка B, а также возможность их перетаскивать, как проект, связанный
function goma()
{
var mapDiv = document.getElementById('mappy');
var mapOptions = {
zoom: 12,
center: new google.maps.LatLng(-23.563594, -46.654239),
mapTypeId : google.maps.MapTypeId.ROADMAP
}
pode ser ROADMAP, SATELLITE, HYBRID, TERRAIN
map = new google.maps.Map( mapDiv, mapOptions );
//Render route, etc.
ren = new google.maps.DirectionsRenderer( {'draggable':true} );
ren.setMap(map);
ren.setPanel(document.getElementById("directionsPanel"));
ser = new google.maps.DirectionsService();
//Create the route
ser.route({ 'origin': new google.maps.LatLng(-23.563594, -46.654129), 'destination': new google.maps.LatLng(
-23.563672, -46.640396), 'travelMode': google.maps.DirectionsTravelMode.DRIVING},function(res,sts) {
if(sts=='OK')ren.setDirections(res);
})
}
Я обновляю здесь мой код, я сделал только wayA, то есть первая путевая точка, вторая - это предопределенный latLng, где вы нажимаете, он получает latLng и помещает в «origin».
google.maps.event.addListener(map, "click", function(event) {
wayA = new google.maps.Marker({
position: event.latLng,
map: map
});
});
ren = new google.maps.DirectionsRenderer( {'draggable':true} );
ren.setMap(map);
ren.setPanel(document.getElementById("directionsPanel"));
ser = new google.maps.DirectionsService();
ser.route({ 'origin': wayA, 'destination': new google.maps.LatLng(
-23.563672, -46.640396), 'travelMode': google.maps.DirectionsTravelMode.DRIVING},function(res,sts) {
if(sts=='OK')ren.setDirections(res);
})