使用mapbox gl js和https://github.com/Wykks/ngx-mapbox-gl发行SVG渲染

我们在Angular应用程序-https://github.com/Wykks/ngx-mapbox-gl中使用了mapbox gl js

这就是我们正在渲染的方式-我相信问题出在布局代码中-有人遇到过类似的问题吗?某些SVG的渲染效果很好,但其他SVG的渲染图却没有在相同结构的地图上显示?

我们可以在Illustrator中打开一些文件并进行修改,但不一致-

<div>
  <mgl-geojson-source id="pointsource" [data]="pointsGeoJson">
  </mgl-geojson-source>
  <mgl-layer
    id="pointLayer"
    type="symbol"
    source="pointsource"
    (click)="onClick($event)"
    [layout]="{
      'icon-size': 0.5,'icon-image': [
        'case',[
          'any',[
            '==',['get','styleType',['object','styleObject']]],'logo'
          ]
        ],'lastLogoId',[
          'concat','lastIconId','_','imageColor','styleObject']]]
        ]  
    ],'text-field': ['get',[
        'case','type','individual'
          ],'icon'
          ]
        ],'label','order'
      ],'attributes']]],'text-font': ['Arial Unicode MS Bold'],'text-size': [
        'case',['==','defaultSymbol'],'emptyIcon']
        ],14,0
      ],'icon-allow-overlap': true,'text-allow-overlap': true
    }"
    [paint]="{
      'text-color': '#ffffff','icon-color': ['get','icon-opacity': [
        'case',['boolean',['feature-state','hover'],false],0.6,1
      ]
    }"
  >
  </mgl-layer>
  <app-point-popup
    [selectedPoint]="selectedPoint"
    [mapID]="mapID"
    [masterLogoarray]="masterLogoarray"
  ></app-point-popup>
</div>
qipaoshaonian 回答:使用mapbox gl js和https://github.com/Wykks/ngx-mapbox-gl发行SVG渲染

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/2911261.html

大家都在问