navigation.js 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. (function () {
  2. var page = {
  3. init: function ($page, param) {
  4. learun.layer.loading(true, "加载数据中");
  5. //地图初始化
  6. var map = new AMap.Map("navigation-map", {
  7. resizeEnable: true,
  8. center: [113.955439, 22.542956],//地图中心点
  9. zoom: 12 //地图显示的缩放级别
  10. });
  11. map.on('complete', function(){
  12. learun.layer.loading(false);
  13. });
  14. var userMarker = new AMap.Marker({icon: "./images/gelocation.png", offset:new AMap.Pixel(-16, -16)});
  15. //骑行导航
  16. var riding = new AMap.Riding({
  17. map: map,
  18. autoFitView: true
  19. });
  20. //根据起终点坐标规划骑行路线
  21. riding.search(param.start, param.end, function(status, result) {
  22. // result即是对应的骑行路线数据信息,相关数据结构文档请参考 https://lbs.amap.com/api/javascript-api/reference/route-search#m_RidingResult
  23. if (status === 'complete') {
  24. learun.layer.toast('绘制骑行路线完成:');
  25. } else {
  26. learun.layer.toast('骑行路线数据查询失败:' + result);
  27. }
  28. });
  29. function get_mobile_gps_location(onSuccess,onError){
  30. var onSuccess = function(position) {
  31. // alert('Latitude: ' + position.coords.latitude + '\n' +
  32. // 'Longitude: ' + position.coords.longitude + '\n' +
  33. // 'Altitude: ' + position.coords.altitude + '\n' +
  34. // 'Accuracy: ' + position.coords.accuracy + '\n' +
  35. // 'Altitude Accuracy: ' + position.coords.altitudeAccuracy + '\n' +
  36. // 'Heading: ' + position.coords.heading + '\n' +
  37. // 'Speed: ' + position.coords.speed + '\n' +
  38. // 'Timestamp: ' + position.timestamp + '\n');
  39. var lnglat = new AMap.LngLat(position.coords.longitude, position.coords.latitude);
  40. userMarker.setPosition(lnglat);
  41. userMarker.setMap(map);
  42. map.setFitView();
  43. };
  44. // onError Callback receives a PositionError object
  45. //
  46. function onError(error) {
  47. alert('code: ' + error.code + '\n' +
  48. 'message: ' + error.message + '\n');
  49. }
  50. navigator.geolocation.getCurrentPosition(onSuccess, onError);
  51. }
  52. setInterval(function(){
  53. get_mobile_gps_location()
  54. }, 5000);
  55. }
  56. };
  57. return page;
  58. })();