Javascript 地图盒方向——获取自己的Lat和Lng方向_Javascript_Ruby On Rails_Ruby_Mapbox

Javascript 地图盒方向——获取自己的Lat和Lng方向

javascript ruby-on-rails ruby mapbox

Javascript 地图盒方向——获取自己的Lat和Lng方向,javascript,ruby-on-rails,ruby,mapbox,Javascript,Ruby On Rails,Ruby,Mapbox,我正在使用MapBox绘制通过rails上构建的用户生成表单提交的兴趣点。当前，用户输入一个地址，然后该地址通过gem（地理编码器）计算Lat和Lng。在那里，我通过gongem将数据从rails传递到javascript，在所有感兴趣的点上运行forEach循环，然后使用lat和lng在地图上绘图现在我想获取感兴趣点之间的驾驶方向，a到b到c等。MapBox有一个方向部分，但方向是基于地图上的单击事件，而不是存储的输入。谷歌已经为此绞尽脑汁了一段时间，但一直没有取得成果关于如何使用MapB

我正在使用MapBox绘制通过rails上构建的用户生成表单提交的兴趣点。当前，用户输入一个地址，然后该地址通过gem（地理编码器）计算Lat和Lng。在那里，我通过gongem将数据从rails传递到javascript，在所有感兴趣的点上运行forEach循环，然后使用lat和lng在地图上绘图

现在我想获取感兴趣点之间的驾驶方向，a到b到c等。MapBox有一个方向部分，但方向是基于地图上的单击事件，而不是存储的输入。谷歌已经为此绞尽脑汁了一段时间，但一直没有取得成果

关于如何使用MapBox在我的绘制点之间获得方向的链接和建议非常感谢

干杯。

我不知道地图盒。但是请注意：是浏览器告诉你你的位置；这不是谷歌Mpas，地图盒或

<script type="text/javascript">
    function initialize(position, accuracy) {
      alert(
        'Lat: ' + position.lat + ' - Lng' + position.lng + ' - accuracy: ' + accuracy + 'm'
      );
      ////  example for Google Maps
      // var latlng = new google.maps.LatLng(position.lat, position.lng);
      // ...
    }
    // request is succesful 
    function locationFound(position) {
      initialize( 
        {lat: position.coords.latitude, lng: position.coords.longitude},
        position.coords.accuracy
      );
    }

    function locationNotFound() {
      alert('Not able to find your location');
    }

    function page_loaded() {
      // the page is loaded, we can send a request to search for the location of the user
      navigator.geolocation.getCurrentPosition(locationFound, locationNotFound);
    }
</script>
<body onload="page_loaded()">
  <div id="map-canvas"></div>
</body>


功能初始化（位置、精度）{
警觉的(
'纬度：'+position.Lat+'-Lng'+position.Lng+'-精度：'+accurity+'m'
);
////谷歌地图示例
//var latlng=新的google.maps.latlng（position.lat，position.lng）；
// ...
}
//请求成功
功能位置已找到（位置）{
初始化（
{lat:position.coords.lation，lng:position.coords.longitude}，
位置、坐标、精度
);
}
函数locationNotFound（）{
警报（“无法找到您的位置”）；
}
函数页_已加载（）{
//页面加载后，我们可以发送请求以搜索用户的位置
navigator.geolocation.getCurrentPosition（locationFound，locationNotFound）；
}

使用Mapbox directions API时，您可以提供自己的航路点，即以分号分隔的坐标列表

http://api.tiles.mapbox.com/v4/directions/{profile}/{waypoints}.json?access_token=<your access token>

http://api.tiles.mapbox.com/v4/directions/{profile}/{waypoints}.json？访问令牌=

航路点应至少由两个坐标组成，即起点坐标和终点坐标。这个API应该完全满足您的需要。有关Mapbox方向API的更多信息，请参见

是否使用此API？这是服务支持jsonp吗？