Khi tôi nhấp vào bản đồ, tôi muốn điểm đánh dấu được chụp sang đường gần nhất. Có một ví dụ điển hình ở đây: http://econym.org.uk/gmap/example_snappath.htm (Trang chính: http://econym.org.uk/gmap/snap.htm). Tuy nhiên - ví dụ này là dành cho bản đồ google phiên bản 2. Có cách nào để làm điều này trong v3?Google Maps V3 chụp nhanh gần nhất Đường phố
Ví dụ mà bạn đã đưa ra nhận được kết quả bằng cách thực hiện tra cứu hướng và sau đó nhận vị trí đầu tiên từ đó. Trong api v3 này được thực hiện với đoạn mã sau đó "đồ" là tên của bản đồ của bạn
var directionsService = new google.maps.DirectionsService();
google.maps.event.addListener(map, 'click', function(event) {
var request = {
origin:event.latLng,
destination:event.latLng,
travelMode: google.maps.DirectionsTravelMode.DRIVING
};
directionsService.route(request, function(response, status) {
if (status == google.maps.DirectionsStatus.OK) {
var marker = new google.maps.Marker({
position: response.routes[0].legs[0].start_location,
map: map,
title:"Hello World!"
});
}
});
});
cảm ơn nhiều Revolution42 nó hoạt động khá đẹp
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map_canvas { height: 100% }
</style>
<script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?key=YOU API KEY&sensor=false">
</script>
<script type="text/javascript">
function initialize() {
var myOptions = {
center: new google.maps.LatLng(-34.397, 150.644),
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
var directionsService = new google.maps.DirectionsService();
google.maps.event.addListener(map, 'click', function(event) {
var request = {
origin:event.latLng,
destination:event.latLng,
travelMode: google.maps.DirectionsTravelMode.DRIVING
};
directionsService.route(request, function(response, status) {
if (status == google.maps.DirectionsStatus.OK) {
var marker = new google.maps.Marker({
position: response.routes[0].legs[0].start_location,
map: map,
title:"Hello World!"
});
}
});
});
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>