我如何应用地理位置坐标从谷歌地图得到方向到一个特定的地方
How can i apply geolocation coordinates to get directions to a specific place from googlemaps?
大家复活节快乐!
我正在尝试学习更多关于html5中的地理位置。我使用的是来自estebanav @ github的geoPosition.js。(遵循phpacademy的教程)
我到目前为止能够获得一个潜在用户的坐标(我正在提醒)使用这个代码:
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<title>Test</title>
</head>
<body>
<a href="#" id="get_location">Get location</a>
<div id="map">
<iframe id="google_map" width="450" height="500"
framehold="0" scrolling="no" marginheight="0" marginwidth="0"
src="https://maps.google.se?output=embed"></iframe>
</div>
<script src="js/geoPosition.js"></script>
<script>
document.getElementById('get_location').onclick = function() {
var success = function(pos) {
var lat = pos.coords.latitude,
long = pos.coords.longitude,
coords = lat + ',' + long;
alert(coords);
}
var error = function() {
alert('Geolocation not supported...');
}
if (geoPosition.init()) {
geoPosition.getCurrentPosition(success, error);
}
return false;
}
</script>
</body>
</html>
我真的很想现在学习如何使用这些坐标并将它们作为方向的起点。
例如:假设我生成的坐标,变量坐标,是位置(58.408221,15.564322),我有一个目标点,例如一个变量goal_point,它的坐标是(58.418954,15.600543),我现在如何使用这些坐标在我的地图上显示方向,就像谷歌地图一样?任何帮助或有价值的链接关于这将是感激!/比尔
首先,您需要开始使用Google Maps api而不是iframe。
从这里开始学习如何使用Maps Api v3显示基本地图。
在实现了一个基本的地图之后,你可以使用Google Directions Service来显示两点之间的路线。文档在这里
相关文章:
- jquery脚本只能在一个方向上正常工作
- JQuery后台位置似乎只在一个方向上起作用
- HTML5 JS-我如何使我的子弹/镜头在一个恒定的方向
- 有人能为我指明正确的方向,让一个javascript文件在另一个单独的javascript文件之后运行吗
- 在CSS的未来版本中,仅固定了一个方向的位置
- 使用 JavaScript 触发 CSS 动画淡入和淡出 - 仅适用于一个方向
- 柔性滑动器2在一个方向上继续循环而不工作
- Phaser Box2d-在一个方向上锁定拖动
- jQuery悬停在图像上,一个方向运行良好,另一个方向跳动
- Cordova屏幕锁定方向不是一个功能
- 在一个角度的方向上移动精灵
- 如何在移动应用程序上仅在一个页面上锁定方向
- Nivo Slider滑动解决方案(不总是在一个方向上滑动)
- 让一个箭头指向另一个标记的方向
- 滑动一个除法,使其沿着滑动方向
- HTML画布以恒定的速度在一个方向上移动一个对象
- JQuery图像旋转动画,工作在一个方向,而不是另一个
- 只允许向一个方向拖动ng-drag元素
- 谷歌地图路线方向路径颜色改变导航仪从一个航路点移动到另一个航路点
- 我如何应用地理位置坐标从谷歌地图得到方向到一个特定的地方