vue-baidu-map
vue-baidu-map copied to clipboard
bm-polyline 折线组件属性 icons设置失效
[BUG 反馈] bm-polyline 折线组件属性 icons设置失效?
浏览器版本号
所有浏览器
Vue 版本号
2.0
组件库版本号
0.21.22
现象描述
折线组件的icons属性设置无效
完整异常信息
无
在线示例 / 仓库 URL
无
复现用例
HMTL
<baidu-map class="map" :scroll-wheel-zoom="true" :center="center" :zoom="zoom" @ready="ready">
<bm-polyline
:path="polylinePath"
stroke-color="#008DD5"
:stroke-opacity="1"
:stroke-weight="5"
:editing="true"
:icons="iconsArr"
></bm-polyline>
</baidu-map>
JS
ready({ BMap, map }) {
//创建矢量图标类
var Symbol = new BMap.Symbol(BMap_Symbol_SHAPE_FORWARD_CLOSED_ARROW, //百度地图预设向上的箭头
{
fillColor: '#FFF', //图标填充颜色
fillOpacity: 1, //图标填充透明度
scale: 0.6, //图标缩放大小
rotation: 90, //图标旋转角度
strokeColor: '#fff', //线填充颜色
strokeWeight: 2, //线宽
strokeOpacity: 0 //线的透明度
});
//设置折线样式符号显示
var iconSequence = new BMap.IconSequence(
Symbol,// 线上的符号 symbol为符号样式;
'50%', // offset为符号相对于线起点的位置,取值可以是百分比也可以是像素位置,默认为"100%";
'20%', // repeat为符号在线上重复显示的距离,可以是百分比也可以是距离值,同时设置repeat与offset时,以repeat为准;
false // fixedRotation设置图标的旋转角度是否与线走向一致,默认为true
);
this.iconsArr = [iconSequence]
}
预期输出
无
实际输出
无
vue 版本 2.6.10
https://blog.csdn.net/qq_45379479/article/details/105789921
https://blog.csdn.net/qq_45379479/article/details/105789921
这文章是我写的...
这个能修复一下吗?因为楼上的blog我也没成功,文件放在什么位置,我的一直提示必须输入值,不然打包出错
这个能修复一下吗?因为楼上的blog我也没成功,文件放在什么位置,我的一直提示必须输入值,不然打包出错
你自己复制代码后创建的新文件随便放啊,只要能引入就行了,就相当于自己写了一个组件。
这个能修复一下吗?因为楼上的blog我也没成功,文件放在什么位置,我的一直提示必须输入值,不然打包出错
你自己复制代码后创建的新文件随便放啊,只要能引入就行了,就相当于自己写了一个组件。
请问现在有解决方案吗?
这个框架几乎停止维护了,关于这个问题的解决方案在上面的博客里写的很清楚啊... @xuzhengquan
这个框架几乎停止维护了,关于这个问题的解决方案在上面的博客里写的很清楚啊... @xuzhengquan
只画了线没有箭头方向
这个框架几乎停止维护了,关于这个问题的解决方案在上面的博客里写的很清楚啊... @xuzhengquan
只画了线没有箭头方向
你写的代码大概率有问题,建个仓库把你代码发上来我分析一下,光告诉我症状不告诉我代码我没法帮你分析的啊。