小程序地图组件开发ar辅助线路地图

   先放上微信小程序中地图组件的官方文档，推荐先查看官方文档，基础部分只会稍带提一下，主要讲在开发《地图》这款微信小程序时遇到的一些问题，以及解决方案。

   下面会根据开发《地图》期间遇到的地图组件问题进行讲述，《地图》把微信提供的地图二次开发能力基本上都使用了，可以扫描下方二维码进行体验

    地图提供的外卖地图、公园小区导航路线,并且能够自己手绘地图路线并分享。

    地图

    基础用法

   map组件与view等常见组件类似，只是多了较多的参数，具体参数的含义可以参考官方文档。需要说明的是map组件的宽高是由组件样式直接设置的，对于在外面套用一层view，通过控制外层view的宽高，来控制map组件的宽高是不可行。

   如果是平常的展示地图，只需要关注参数列表中的必填项即可。对于进行更复杂的开发则需要关注controls、markers、polyline以及支持的事件。

    初始定位以及定位时机

   地图组件使用时longitude、latitude两个属性是必填项，分别表示中心点经度、中心点纬度。这是定位需要关注的属性。

   由于小程序定位是异步执行的，可能在小程序屏已经渲染出来了，定位还未成功，推荐为longitude、latitude两个属性设置默认值，默认值可以设置成你更关注的区域内的坐标。

    定位时机可以选在onLoad时：

    定位失败的原因，一般都是用户拒绝定位授权，在fail的回调函数中应该做的就是：

   提醒用户打开授权->跳转设置页->检查是否开启授权->为true时重新调用定位（推荐将定位流程封装一下）。

    若用户仍然拒绝授权，只是就别再走上述流程了（死循环），体验比停止服务还差。

    个性地图使用

    关于个性地图，腾讯地图有一篇完整的教程，我直接贴链接

    个性地图使用指南-微信小程序解决方案|腾讯位置服务

    地图上下文

    地图上下文是地图组件的API，推荐先熟悉一下，其提供的能力有：

    •获取当前地图中心的经纬度

    •获取当前地图的视野范围

    •获取当前地图的旋转角

    •获取当前地图的缩放级别

    •获取当前地图的倾斜角

    •缩放视野展示所有经纬度

    •将地图中心移置当前定位点

    •平移marker，带动画

   我们做二次开发时，大部分需要使用这些API，使用这些API的前提是创建地图上下文MapContext，推荐在页面OnReady时创建：

    其他地方使用地图上下文只需要使用this.mapCtx即可

    地图控件开发

   上面简单介绍了一下MapContext，下面我们使用其来实现常见的地图控件，地图组件官方文档提示组件的controls属性即将被废弃，推荐使用cover-view来实现，我们就是使用cover-view开发地图控件。

    1、移动后快速回到原点（定位功能）

    //使用地图上下文，将地图视野中心移到定位点

    2、图层切换

    这里切换图层主要是指对卫星影像图层的开关。

    *切换图层

    3、包含所有点

   思路：由于控件时常用的，在次解析地图数据时就将需要包含的点解析到一个数组Array中，后面直接调用即可

    上面wxml部分没有关于该控件的布局，可以参考上面两个控件