Vue-baidu-map如何实现方向箭头折线绘制示例？
- 内容介绍
- 文章标签
- 相关推荐
本文共计1106个文字，预计阅读时间需要5分钟。
在开发过程中发现，使用vue-baidu-map封装的BmPolyline折线组件无法绘制带有箭头的纹理。原因是BmPolyline文档中提到有icons属性，但实际源文件中并未接收icons props。初步开发思路如下：
在开发过程中发现 vue-baidu-map 封装的 BmPolyline 折线组件不能顺利绘制出带箭头的纹理。
原因是 BmPolyline 文档中虽然有 icons 属性，但是对应的源文件中并没有props接收 icons
最初的开发思路：
根据 vue-baidu-map 折线组件的官方文档，在vue中通过Prop，为 BmPolyline 组件传递一个 icons 数组，数组的元素必须为 IconSequence 类的实例对象。
而 IconSequence 类的实例对象则是在 BaiduMap 组件的 ready 事件中拿到 BMap 类和 map 地图实例对象，然后依次调用 BMap 基类的 Symbol ， IconSequence 子类，完成 IconSequence 对象的初始化。具体参数含义及代码实现见上文发的官方案例地址。
本文共计1106个文字，预计阅读时间需要5分钟。
在开发过程中发现，使用vue-baidu-map封装的BmPolyline折线组件无法绘制带有箭头的纹理。原因是BmPolyline文档中提到有icons属性，但实际源文件中并未接收icons props。初步开发思路如下：
在开发过程中发现 vue-baidu-map 封装的 BmPolyline 折线组件不能顺利绘制出带箭头的纹理。
原因是 BmPolyline 文档中虽然有 icons 属性，但是对应的源文件中并没有props接收 icons
最初的开发思路：
根据 vue-baidu-map 折线组件的官方文档，在vue中通过Prop，为 BmPolyline 组件传递一个 icons 数组，数组的元素必须为 IconSequence 类的实例对象。
而 IconSequence 类的实例对象则是在 BaiduMap 组件的 ready 事件中拿到 BMap 类和 map 地图实例对象，然后依次调用 BMap 基类的 Symbol ， IconSequence 子类，完成 IconSequence 对象的初始化。具体参数含义及代码实现见上文发的官方案例地址。