Dafrok / vue-baidu-map

Baidu Map components for Vue 2.x
https://dafrok.github.io/vue-baidu-map/
MIT License
2.41k stars 430 forks source link

创建的多边形不显示 #1007

Open lizhengxing123 opened 2 years ago

lizhengxing123 commented 2 years ago

[BUG 反馈] 创建的多边形不显示

浏览器版本号

104.0.5112.101

Vue 版本号

2.6.10

组件库版本号

0.21.22

现象描述

地图创建多边形无法显示

完整异常信息

误报错信息

在线示例 / 仓库 URL

无法提供

复现用例

const i ={"points": [
        {
            "lng": 103.847418,
            "lat": 36.057417
        },
        {
            "lng": 103.847122,
            "lat": 36.055484
        },
        {
            "lng": 103.850536,
            "lat": 36.055258
        },
        {
            "lng": 103.851169,
            "lat": 36.057643
        }
    ],
}
const points = i.points.map((i) => new this.BMapGL.Point(i.lng, i.lat))
      const polygon = new this.BMapGL.Polygon([...points], {
        strokeColor: "#1E6ACD", // 边线颜色
        fillColor: "rgba(30, 106, 205, 0.32)", // 填充颜色
        strokeWeight: 2 // 边线的宽度,以像素为单位
      })
      this.map.addOverlay(polygon)

预期输出

多边形

实际输出

无边线和填充

image

lizhengxing123 commented 2 years ago

可以正常拿到,线条颜色和填充颜色 image