【发布时间】:2013-05-21 08:32:44
【问题描述】:
我的编程知识非常有限,我正在从事一个包括编程在内的大学项目。
我想做的是一张地图,它显示您当前的位置和回收点的位置。我已经做了当前位置部分,我使用融合表在地图上显示回收点。但我也想提供在您当前位置和回收点之间找到最短路线的选项。
所以它会做的是计算你当前位置和每个回收点之间的距离,并显示最短的那个。
现在我正在尝试理解 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>
【问题讨论】:
-
表中存储了多少个“回收点”?
-
现在只有 15 个,但我还没有完成加分。我还在等待回收公司的信息。
标签: javascript google-maps-api-3 geolocation distance google-fusion-tables