vue-baidu-map icon indicating copy to clipboard operation
vue-baidu-map copied to clipboard

bm-polyline 折线组件属性 icons设置失效

Open JUST-Limbo opened this issue 4 years ago • 9 comments

[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]
    }

预期输出

实际输出

JUST-Limbo avatar Apr 13 '20 12:04 JUST-Limbo

vue 版本 2.6.10

JUST-Limbo avatar Apr 13 '20 12:04 JUST-Limbo

https://blog.csdn.net/qq_45379479/article/details/105789921

404CN avatar May 29 '20 23:05 404CN

https://blog.csdn.net/qq_45379479/article/details/105789921

这文章是我写的...

JUST-Limbo avatar May 30 '20 01:05 JUST-Limbo

这个能修复一下吗?因为楼上的blog我也没成功,文件放在什么位置,我的一直提示必须输入值,不然打包出错

sindyna avatar Oct 17 '20 05:10 sindyna

这个能修复一下吗?因为楼上的blog我也没成功,文件放在什么位置,我的一直提示必须输入值,不然打包出错

你自己复制代码后创建的新文件随便放啊,只要能引入就行了,就相当于自己写了一个组件。

JUST-Limbo avatar Oct 17 '20 05:10 JUST-Limbo

这个能修复一下吗?因为楼上的blog我也没成功,文件放在什么位置,我的一直提示必须输入值,不然打包出错

你自己复制代码后创建的新文件随便放啊,只要能引入就行了,就相当于自己写了一个组件。

请问现在有解决方案吗?

quan-zai avatar Nov 19 '20 02:11 quan-zai

这个框架几乎停止维护了,关于这个问题的解决方案在上面的博客里写的很清楚啊... @xuzhengquan

JUST-Limbo avatar Nov 19 '20 09:11 JUST-Limbo

这个框架几乎停止维护了,关于这个问题的解决方案在上面的博客里写的很清楚啊... @xuzhengquan

只画了线没有箭头方向

Kai-web avatar Dec 14 '21 16:12 Kai-web

这个框架几乎停止维护了,关于这个问题的解决方案在上面的博客里写的很清楚啊... @xuzhengquan

只画了线没有箭头方向

你写的代码大概率有问题,建个仓库把你代码发上来我分析一下,光告诉我症状不告诉我代码我没法帮你分析的啊。

JUST-Limbo avatar Dec 15 '21 05:12 JUST-Limbo