1***@qq.com
1***@qq.com
  • 发布:2024-09-13 16:20
  • 更新:2024-09-13 16:51
  • 阅读:69

【报Bug】uniapp+vue3中H5使用map组件的polyline下面的colorList无效?

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 10

浏览器平台: Chrome

浏览器版本: 127.0.6533.120

项目创建方式: CLI

CLI版本号: 5.0.8

示例代码:
<template lang="pug">  
div.map#container  
  map.map__content(  
    :longitude="106.631187"  
    :latitude="29.718143"  
    :enable-poi="true"  
    :enable-3D="true"  
    :enable-building="true"  
    :scale="11"  
    :markers="markersList"  
    :polyline="polylineList"  
  )  
</template>  

<script setup>  
  let markersList = [  
    {  
      id: 0,  
      latitude: '29.718143', // 纬度  
      longitude: '106.731187', // 经度  
      width: 30,  
      height: 40,  
      iconPath: 'https://mapapi.qq.com/web/lbs/javascriptGL/demo/img/start.png',  
      callout: {  
        content: '文本的内容',  
        color: '#ffe300',  
        fontSize: 14  
      }  
    },  
    {  
      id: 1,  
      latitude: '29.718143', // 纬度  
      longitude: '106.631187', // 经度  
      width: 30,  
      height: 40,  
      iconPath: 'https://mapapi.qq.com/web/lbs/javascriptGL/demo/img/end.png',  
      callout: {  
        content: '文本的内容1',  
        color: '#ffe300',  
        fontSize: 14  
      }  
    }  
  ]  

  let polylineList = [  
    {  
      points: [  
        {  
          latitude: '29.718143',  
          longitude: '106.731187'  
        },  
        {  
          latitude: '29.718143',  
          longitude: '106.711187'  
        },  
        {  
          latitude: '29.718143',  
          longitude: '106.691187'  
        },  
        {  
          latitude: '29.718143',  
          longitude: '106.651187'  
        },  
        {  
          latitude: '29.718143',  
          longitude: '106.631187'  
        }  
      ],  
      colorList: ['#ec410f', '#ff00ea', '#000dff', '#ffe300'],  
      width: 10  
    }  
  ]  
</script>  

<style scoped lang="scss">  
  .map {  
    width: 100vw;  
    height: 100vh;  

    &__content {  
      width: 100%;  
      height: 100%;  
    }  
  }  
</style>

操作步骤:

直接设置属性无效

预期结果:

设置属性有效果

实际结果:

设置属性无效果

bug描述:

h5中使用map组件设置polyline的colorList彩虹线无效

2024-09-13 16:20 负责人:无 分享
已邀请:
DCloud_UNI_yuhe

DCloud_UNI_yuhe

你好,指定颜色,还不支持h5

  • 1***@qq.com (作者)

    好吧,只写了平台差异,以为是支持的

    2024-09-13 17:00

  • 1***@qq.com (作者)

    enable-3D和enable-building这个属性map组件是不是也不支持呀

    2024-09-13 17:06

  • DCloud_UNI_yuhe

    回复 1***@qq.com: 应该是,这主要是看地图厂商,应该是他们对应的版本api就没有提供相关接口

    2024-09-13 17:13

要回复问题请先登录注册