如何使用mapbox-gl-js在每个墙上设置不同的图案

问题描述：

我使用填充 - 挤出图层在地图上添加建筑物，但是如何使用不同的颜色/图案绘制墙？如何使用mapbox-gl-js在每个墙上设置不同的图案
根据chrome开发人员工具sprite @ 2x.json，sprite @ 2x.png加载成功，我尝试使用自主精灵，但失败了。

var map = new mapboxgl.Map({ 
 
     container: 'map', 
 
     style: { 
 
     "version": 8, 
 
     sprite: "http://localhost:8000/map/sprite", 
 
     sources: { 
 
      maine: { 
 
      'type': 'geojson', 
 
      'data': { 
 
       'type': 'FeatureCollection', 
 
       'features': [{ 
 
       'type': 'Feature', 
 
       'id': 1, 
 
       'geometry': { 
 
        'type': 'Polygon', 
 
        'coordinates': [ 
 
        [ 
 
         [-68.13534351262877, 45.137451890638886], 
 
         [-68.13334151262877, 45.137451890638886], 
 
         [-68.13334151262877, 45.139421890638886], 
 
         [-68.13534351262877, 45.139421890638886], 
 
         [-68.13534351262877, 45.137451890638886] 
 
        ] 
 
        ] 
 
       }, 
 
       "properties": { 
 
        "height": 60, 
 
        "min_height": 30 
 
       } 
 
       }] 
 
      } 
 
      } 
 
     }, 
 
     layers: [{ 
 
      'id': 'maine2', 
 
      'source': 'maine', 
 
      'layout': {}, 
 
      "type": "fill-extrusion", 
 
      'paint': { 
 
      'fill-extrusion-color': '#f00', 
 
       'fill-extrusion-pattern': 'wall', 
 
      'fill-extrusion-height': { 
 
       'type': 'identity', 
 
       'property': 'height' 
 
      }, 
 
      'fill-extrusion-base': { 
 
       'type': 'identity', 
 
       'property': 'min_height' 
 
      }, 
 
      'fill-extrusion-opacity': 1 
 
      } 
 
     }] 
 
     }, 
 
     center: [-68.13734351262877, 45.137451890638886], 
 
     zoom: 15, 
 
     pitch: 60, 
 
    });

更多关于问题2的详细信息：

[email protected]，[email protected]加载成功，但没有显示在屏幕上，但它显示了一个红色的立方体，当我评论填充 - 挤出模式线

答

我使用填充挤出层在地图上添加建筑物，但是如何用不同的颜色/图案绘制墙？

这对于Mapbox-GL-JS来说是不可能的。

（您应该单独发布您的其他问题，并提供更多详细信息。）

谢谢Steve。我添加了关于问题2的一些细节。回到问题1，任何有或没有mapbox-gl-js的建议，谢谢。 –

在一个问题中，你不应该问两个不相关的问题。从这里删除你的问题2，并用它创建一个新问题。 –

如何使用mapbox-gl-js在每个墙上设置不同的图案

相关推荐