我的编程知识非常有限,而且我正在从事一个包含编程的大学项目。
我想做的是一张 map ,显示您当前的位置和回收点的位置。我已经做了当前位置部分,我使用融合表在 map 上显示回收点。但我也想提供在您当前位置和回收点之间寻找最短路线的选项。
所以它会做的是计算你当前位置和每个回收点之间的距离,并显示最短的一个。
现在我正在尝试了解 google maps api 教程,但我不知道这是否可行,使用融合表。所以我想知道是否有人知道如何执行此操作。
非常感谢!
<!DOCTYPE html>
<html>
<head>
<section id="wrapper">
Clique no botão "permitir" para deixar o browser encontrar a sua localização
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<article>
</article>
<script>
function success(position) {
var mapcanvas = document.createElement('div');
mapcanvas.id = 'mapcontainer';
mapcanvas.style.height = '350px';
mapcanvas.style.width = '450px';
document.querySelector('article').appendChild(mapcanvas);
var coords = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
var options = {
zoom: 15,
center: coords,
mapTypeControl: false,
navigationControlOptions: {
style: google.maps.NavigationControlStyle.SMALL
},
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("mapcontainer"), options);
var marker = new google.maps.Marker({
position: coords,
map: map,
title:"You are here!"
});
var layer = new google.maps.FusionTablesLayer({
query: {
select: 'Coordenadas',
from: '1CwMDrcxebjsb8sjG42rbGVAZB25Zi7CvaLJXOCM'
},
});
layer.setMap(map)
}
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(success);
} else {
error('Geo Location is not supported');
}
</script>
</section>
</head>
<body>
</body>
</html>
最佳答案
更新:
您可以通过向 Google Visualization API
发送查询来检索最近的点坐标:
// Initiate the GViz query
var queryList = [];
queryList.push("SELECT Location FROM ");
queryList.push(tableId);
queryList.push(" ORDER BY ST_DISTANCE(Location, LATLNG(");
queryList.push(currentLat + "," + currentLng);
queryList.push(")) ");
queryList.push(" LIMIT 1");
var queryText = encodeURIComponent(queryList.join(''));
var query = new google.visualization.Query(
'http://www.google.com/fusiontables/gvizdata?tq=' +
queryText);
// Handling the result of nearest location query
query.send(function(response) {
dataTable = response.getDataTable();
// If there is any result
if (dataTable && dataTable.getNumberOfRows()) {
console.log("Nearest Point is: " + dataTable.getValue(0,0));
// Result holds the coordinates of nearest point
var result = dataTable.getValue(0,0).split(",");
// Creates a Google Map LatLng from "result"
var latlng = new google.maps.LatLng(result[0], result[1]);
showRoute(latlng);
}
});
您可以查看实例 Here .
您可以使用 Distance Matrix Service为了这个目的。您只需从您当前的位置读取您的来源,并向 Distance Matrix Service
发送每个回收点的请求。在 Distance Matrix Sample 也有一个例子.
var mylocation = new google.maps.LatLng(CURRENT_LOCATION_LAT, CURRENT_LOCATION_LNG);
// Destination by address
var destination1 = "Stockholm, Sweden";
// or destination by lat and lng
var destination2 = new google.maps.LatLng(50.087692, 14.421150);
// Sending request
var service = new google.maps.DistanceMatrixService();
service.getDistanceMatrix(
{
origins: [mylocation],
destinations: [destination1, destination2],
travelMode: google.maps.TravelMode.DRIVING,
avoidHighways: false,
avoidTolls: false
}, callback);
function callback(response, status) {
// See Parsing the Results for
// the basics of a callback function.
}
您可以指定 Travel Mode相应地计算持续时间。
google.maps.TravelMode.DRIVING (Default) indicates standard driving directions using the road network.
google.maps.TravelMode.BICYCLING requests bicycling directions via bicycle paths & preferred streets.
google.maps.TravelMode.TRANSIT requests directions via public transit routes. google.maps.TravelMode.WALKING requests walking directions via pedestrian paths & sidewalks.
关于javascript - 计算融合表中点之间的距离,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16757011/