uniapp开发安卓App实现高德地图路线规划导航功能的全过程

一、uniapp开发安卓App实现高德地图路线规划导航功能的全过程

1、uniapp的map组件中导航路线的展示是一项重要的功能，适用于需要地图导航的应用场景。学习这项技术的原因在于它能够帮助开发者快速实现地图导航功能，提高用户体验。技术难点在于在使用uniapp开发时，对map组件的属性和函数细节的掌握容易遇到各种bug。

2、首先，需要在高德地图开发者平台申请地图的key。这个key在地图开发时引入地图时是必备的。接着，在开发工具HbuilderX的插件市场安装路线规划插件。在插件市场找到这个路线规划插件，点击进行安装到开发工具中。

3、在页面的script中引入js文件import Amap from'@/js/lyn4ever-gaode.js';

4、这个js文件有两个函数，分别为绘制路线与路线标记点函数。绘制规划路线函数如下：

5、function PlanningRoute(start, end, _waypoints, result, fail){

6、 var myAmapFun= new amapFile.AMapWX({key: key});

7、 if(data.paths&& data.paths[0]&& data.paths[0].steps){

8、 var steps= data.paths[0].steps;

9、 for(var i= 0; i< steps.length; i++){

10、 var poLen= steps[i].polyline.split(';');

11、 for(var j= 0; j< poLen.length; j++){

12、 longitude: parseFloat(poLen[j].split(',')[0]),

13、 latitude: parseFloat(poLen[j].split(',')[1])

14、 result({points: points, color:"#0606ff", width: 8})

15、function Makemarkers(startpoi, endpoi, waypoints, success){

16、 iconPath:"@/static/img/log/nav.png",

17、 longitude: startpoi.split(",")[0],

18、 latitude: startpoi.split(",")[1],

19、 iconPath:"@/static/img/log/nav.png",

20、 longitude: endpoi.split(",")[0],

21、 latitude: endpoi.split(",")[1],

22、 let _waypoints= waypoints.split(';')

23、 for(let i= 0, _len= _waypoints.length; i< _len; i++){

24、 longitude: parseFloat(_waypoints[i].split(",")[0]),

25、 latitude: parseFloat(_waypoints[i].split(",")[1]),

26、接着在script里的showRouter()调用js里面的两个函数。只要传入起点与终点的经纬度即可在map组件里展示出规划路线来，只要传入对应的路线途中打点的数组对象即可在路线中显示经过的点。

27、技术使用中遇到的问题和解决过程。例如，导航路线展示后地图页面缩放大小不能很好的控制，由于展示路线后我们期望地图视角能够涵括这个路线的起始点，解决前，总是在路线规划展示后视野仅仅停留在路线的一小部分。解决后，即可完全展示整个路线的视野。

28、我根据路线的起始点之间的距离，利用一个拟合函数来处理地图scale的大小，这样就可以调整好地图的缩放大小。通过请求后端来返回导航的距离，设置一个surface数组来存放标记值，将距离换算成km后去遍历surface数组，当距离大于数组的值时，将地图的scale设置为surface对应下标值+5，这样就可以实现路线展示后地图缩放大小的控制了。

29、总结，通过此次的地图学习，基本掌握了地图的实现方式，导航路线的展示方法，以及map组件的相关属性和函数的使用，收获颇丰。

二、uniapp是未来的趋势吗

1、未来太遥远，不想这么多，技术栈几年一换才是常态。目前很多应用开发者在尝试使用uni-app，可以尝试一下，多学一点多一个技术选择不是坏事。

2、想学一个长久可用的技术，在IT界特别是中国，并不太现实。如果选择了前端，那情况只怕是更糟。

3、说uniapp成为趋势感觉有点好笑。

4、不懂行的可能不了解，我就换个说法。

5、我可以说手机行业小米手机会成为未来的趋势吗？

6、你认为可能性多大？当然不可否认小米很优秀了，当然实话实说，这也是相对的。想变成趋势可谓有点夜郎自大。

7、一个基于vue的跨平台开发的框架，有了它你可以写一套代码打包成安卓、苹果安装包，还可以导出各种小程序，还可以导出h5…，反正功能很强大。

8、它的出现，只要你懂点前端，只要你会点vue，OK那你就可以开发APP了。

9、厉害不厉害？可以说在某种程度上确实很牛逼，很方便，特别又是国产，文档、demo之类的很多。

10、平台又出有云服务，支付，广告等各种插件。小白上手也很快。所以一时圈了很粉，社区还算凑合吧。

11、 APP开发跨平台确实是个刚需，也是一个真正的趋势。毕竟纯原生开发一个APP太复杂了，成本也高。有些APP根本不需要关心所谓的性能、流畅度之类的。所以跨平台，一套代码完全搞定，可谓是个不错的选择。

12、但是跨平台可选性的技术方案太多，与uniapp直接相对的，apicloud，在国产圈也是拉了不少粉。

13、此外rn，lonic，cordova，weex等之类的前辈仍然具有一定的地位，还有新起来flutter也是火的不得了。

14、所以uniapp只能说在小范围内可以说很好，但是和那些成熟，风靡海内外的技术框架还是有差距的。

15、首先，我感觉它越来越废了。有时真是感觉积累！

16、开发APP就专业开发APP吧，你还搞的适配一堆小程序，所以造成越来越臃肿。文档杂乱。

17、有时，选择你，我就是想仅仅开发APP。压根不要小程序！

18、所以，特别是新手，因此会有一定的烦恼。

19、另一个值得吐槽的就是不太稳定！

20、架构经常换，而且之前的很难兼容！

21、为此估计不少人想骂人。特别那些已经有了成熟运营的APP。

22、再次升级的话，不好意思，很多东西重写吧。

23、从当初非自定义组件、自定义组件，再到今天的v3架构。可谓一步一个坑，真的严重依赖它的话，真的花费大精力去踩坑了。

24、我司项目开始用的h5+那一套，也用uniapp做过几个项目。反正要求不是很高，效果感觉还可以。

25、真的真的去完全适配安卓，苹果的话，要做的还是有很多。

26、有时基于时间、项目成本、人员技术水平，只要合适就是最好的。

27、 uniapp也一样，希望它快快成长，快快稳定，完善吧！

28、 uniapp目前确实很火，暂且不说uniapp这种框架是不是未来的趋势，但大前端绝对是未来的趋势。

29、在计算机编程领域，前端近几年的技术更新速度达到了顶峰。

30、这并不是得益于前端的语言优势，而是开放繁荣的生态。

31、 uniapp这类框架正是前端进军移动互联网的利刃。

32、移动互联网过时了吗？不，移动互联网正在以新的形态进军PC。

33、所以，未来几年uniapp这类框架还会繁荣，而前端慢慢融合，PC与移动的前端界限越来越模糊。

34、 serverless是趋势，unicloud正好整合了阿里云与腾讯云！

35、最重要的是unicloud开始标准化，uni-id,unicloud-admin就是苗头！

36、听从开发者建议且更新频繁的框架！两年左右完善度已经非常高！

37、现在他们需要做的功能太多，所以一些细节性并未完善，一旦稳定下来，他们能把一些细节做好，这个框架与开发者工具绝对不容小嘘！

38、免费的服务器，免费的框架，对于初创团队，或者个人创业者，有想法的开发者，可以省大多成本！

39、自己独立完成的项目(超级档案)已上架小米，华为，苹果应用商店，同时，各大平台小程序也全部上架！

40、不是。h5类的优势在于开发简单，周期短，一套代码跑多端。适合初创快速迭代。任何一个成熟的产品在达到一定规模后，都会回归原生，或者混合。这是性能，用户体验，安全等多方面因素决定的。这也是有了rn后，为什么还会有flutter出现的原因。

41、何为趋势？在互联网高速发达的时代，物竞天择的规律同样适用，这个开发平台的主要目的就是解决了多平台重复，跨平台生态不好，开发和使用用户体验不好的问题，真正做到了一套代码全平台适用，一劳永逸，同时还不影响平台特色，随着整个业内开发者的用户数越来越多，势必会取代不合时宜的开发平台。从目前的使用广度和应用产品的市场反馈来看，它是具备这个能力的。

42、 uniapp还是很多人用的，尤其在现在这个时间，用来开发小程序还是不错的

43、如果没有意外的话，他还会保持现状很长时间

44、对于小型项目或者交互要求不高的项目来说，基本是够用的，这种项目又普遍对成本或者开发效率非常敏感，在这点做的比uniapp好的确实不多，所以他的用户群会非常稳定

45、至于感觉上没人讨论的原因也很简单

46、一是有影响力的开发人员几乎不可能是uniapp的用户，uniapp的用户多数也提不出值得讨论的内容

47、二是这东西真没什么可讨论的，上限实在不高

48、 uniapp目前在国内的生态很好，因为大前端是趋势，是uniapp在未来一段时间内还是很火的，个人认为如果创业阶段如果没有原生客户端工程师，只有web团队，uniapp非常适合

49、目前来说uniapp是一款很好的开发小程序的编码工具，

50、二:可以跨多个平台，制作一套代码可以在多个平台发布

51、三：运行比较流畅，运行体验更好，兼容weex,组件·api和微信小程序一致

52、综合以上几点来看uniapp前景不错。

53、目前确实有这个趋势。用uniapp开发了一款app，叫小时尚，目前已经在各大应用商店上线。

三、为啥开发app不建议uniapp

uniapp会取代原生开发吗

当然，也有可能是使用uni-app开发，但是将uni.js文件和uniapp.config.js文件删除或者重命名了，这时就需要进一步检查项目的文件内容，寻找其它的指示性信息了。

当然，也有可能是使用uni-app开发，但是将uni.js文件和uniapp.config.js文件删除或者重命名了，这时就需要进一步检查项目的文件内容，寻找其它的指示性信息了。

Weex是阿里开源的一套构建跨平台的移动框架，uni-app是一个使用Vue.js开发所有前端应用的框架。

因为uni-app对JS要求比较高，这里不少风格开发者对htmlcss掌握得还可以。但相当多的风格开发者，对JS几乎是幼儿园的水平。举个例子吧，发现一些做了很多年的风格开发者，对JS几乎不会处理。

uni-appApp端内置HTML5+引擎，让js可以直接调用丰富的原生能力。小程序及H5等平台是没有HTML5+扩展规范的，因此在uni-app调用HTML5+的扩展规范时，需要注意使用条件编译。

uniapp是一个开放的、支持多种开发工具的多端开发框架。HBuilderX和uniapp，同属一个公司，即DCloud出品。HBuilderX团队为uniapp做了大量的优化和定制。

uni-app的组件有原生调用能力，第三方的vue库在调原生接口时跟5+runtime不兼容。

1、好就好在，uniapp的写法就是vue的写法，上手很快，并且一些app的原生功能也都能满足，而且调试打包，各种配置也简单明了。

2、在特定的场景，uni-app还是值得考虑是否用来作为技术选型的，初次体验的感觉来看还是没有发现任何问题的。

3、属于小型广告联盟，收益偏低。uni-AD广告联盟，一次开发，多端变现，uniad，uni-AD，聚合广告，广告SDK，穿山甲，优量汇，优量汇，激励视频，广告变现。

4、uniapp开发APP端是最爽的，整体体验比之前的mui高了很多，跟小程序的体验类似，但是比小程序流畅，在iOS端，体验上跟原生很接近。

5、并不意外因为DCloud对各家小程序太了解了，所以做好抹平各端差异的跨端框架，并不意外现在，uni-app已经是业内最风靡的应用框架，支撑着6亿手机用户的庞大生态。

6、mpvue基于vue，优化了vue的runtime和compiler实现，以前常用来开发小程序，后来停止维护了。

会造成APP的用户，和微信小程序之前的用户关联不上。因为这批客户是在开通微信开放平台账号之前注册进去的，只有openid，没有unionid。而基于微信的账号机制，是通过unionid确定两个平台的账号是否为同一个用户的。

有区别。uniapp是一个开放的、支持多种开发工具的多端开发框架。HBuilderX和uniapp，同属一个公司，即DCloud出品。HBuilderX团队为uniapp做了大量的优化和定制。

vue和uni-app的区别如下：uni-app可以通过打包实现一套代码多端运行，而vue不行。uni-app有自动的框架预载，加载页面的速度更快，vue没有。uniapp使用小程序的标签，vue使用web端的标签。

用uniapp能一个人开发APP吗

Uniapp是一种以Vue.js、Weex、小程序等技术为基础的跨平台应用开发框架，使用该框架旨在将前端开发技术统一，从而使开发人员可以根据自身的业务需求，轻松快速地开发出适配多个平台的应用程序。

Uniapp是一种以Vue.js、Weex、小程序等技术为基础的跨平台应用开发框架，使用该框架旨在将前端开发技术统一，从而使开发人员可以根据自身的业务需求，轻松快速地开发出适配多个平台的应用程序。

uniapp和app有很大的区别，uniapp是一种跨平台的开发框架，可以使用一套代码同时开发多个平台的应用，而app则是一种专门针对某一个平台的应用。

可以。只要会编辑代码就可以开发微信小游戏，uniapp是可以开发的。

现在我在使用mui团队开发的另一个框架uniapp开发一个简易版的头条。也是文章，专家，订阅，评论等等内容。开始时候自己慢慢看文档，看官方例子，动手去书写，深入了一下flex布局。公用的分装，优化promise请求。

uni-app可以使用HBuilderX等开发工具进行开发，可以在安卓、IOS、H5等多端构建app应用，而AndroidStudio则主要用来构建安卓App的Native环境，以及对应的安装包等。安卓app的开发需要AndroidStudio开发环境以及uni-app的框架。