vue3中mapStyle设置线条的粗细

在Vue3中，可以通过设置`style`属性来控制地图线条的粗细。具体做法如下：

1. 在`<baidu-map>`组件上设置`mapStyle`属性为自定义地图样式的JSON对象。例如：

<template>
  <baidu-map :ak="yourBaiduMapAK" :center="center" :zoom="zoom" :mapStyle="mapStyle"></baidu-map>
</template>

<script>
export default {
  data() {
    return {
      yourBaiduMapAK: 'yourBaiduMapAK',
      center: { lng: 116.404, lat: 39.915 },
      zoom: 13,
      mapStyle: {
        styleJson: [{
          "featureType": "road",
          "elementType": "geometry",
          "stylers": {
            "color": "#ffffff",
            "weight": "3"
          }
        }]
      }
    }
  }
}
</script>

2. 在`styleJson`数组中指定地图元素类型为`road`，并使用`stylers`属性来控制线条的样式。例如，可以设置`color`属性为白色，`weight`属性为`3`来指定线条的粗细。

这样就可以通过Vue3中的`mapStyle`属性来设置地图线条的粗细了。