我正在使用Google Maps API v3和javascript将地图添加到网站中。
我有一个地址列表,并已在地图上成功绘制了它们。当用户输入邮政编码时,地图将重新定位在他们的位置,显示最接近该点的标记。现在,我需要创建一个最接近其邮政编码的3或5个位置的列表视图,并带有用于行驶方向的链接。我被困住了…并且愿意提出建议。
通常的解决方案是使用google.maps.geometry.spherical库computeDistanceBetween(from:LatLng,to:LatLng,radius?:number)方法将数字减少到10,然后使用距离矩阵将行驶距离返回到位置,因此结果可以按行驶距离(实际行进距离)进行排序,并通过请求范围内的实际行进距离缩小到最接近的3-5个位置。 (从FusionTables“比萨店”示例中借用的数据)
function codeAddress() { var address = document.getElementById('address').value; geocoder.geocode( { 'address': address}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { map.setCenter(results[0].geometry.location); if (customerMarker) customerMarker.setMap(null); customerMarker = new google.maps.Marker({ map: map, position: results[0].geometry.location }); closest = findClosestN(results[0].geometry.location,10); // get driving distance closest = closest.splice(0,3); calculateDistances(results[0].geometry.location, closest,3); } else { alert('Geocode was not successful for the following reason: ' + status); } }); } function findClosestN(pt,numberOfResults) { var closest = []; document.getElementById('info').innerHTML += "processing "+gmarkers.length+"<br>"; for (var i=0; i<gmarkers.length;i++) { gmarkers[i].distance = google.maps.geometry.spherical.computeDistanceBetween(pt,gmarkers[i].getPosition()); document.getElementById('info').innerHTML += "process "+i+":"+gmarkers[i].getPosition().toUrlValue(6)+":"+gmarkers[i].distance.toFixed(2)+"<br>"; gmarkers[i].setMap(null); closest.push(gmarkers[i]); } closest.sort(sortByDist); return closest; } function sortByDist(a,b) { return (a.distance- b.distance) } function calculateDistances(pt,closest,numberOfResults) { var service = new google.maps.DistanceMatrixService(); var request = { origins: [pt], destinations: [], travelMode: google.maps.TravelMode.DRIVING, unitSystem: google.maps.UnitSystem.METRIC, avoidHighways: false, avoidTolls: false }; for (var i=0; i<closest.length; i++) request.destinations.push(closest[i].getPosition()); service.getDistanceMatrix(request, function (response, status) { if (status != google.maps.DistanceMatrixStatus.OK) { alert('Error was: ' + status); } else { var origins = response.originAddresses; var destinations = response.destinationAddresses; var outputDiv = document.getElementById('side_bar'); outputDiv.innerHTML = ''; var results = response.rows[0].elements; for (var i = 0; i < numberOfResults; i++) { closest[i].setMap(map); outputDiv.innerHTML += "<a href='javascript:google.maps.event.trigger(closest["+i+"],\"click\");'>"+closest[i].title + '</a><br>' + closest[i].address+"<br>" + results[i].distance.text + ' appoximately ' + results[i].duration.text + '<br><hr>'; } } }); }