2017-10-14 36 views
0
  1. 我使用填充 - 挤出图层在地图上添加建筑物,但是如何使用不同的颜色/图案绘制墙?如何使用mapbox-gl-js在每个墙上设置不同的图案

  2. 根据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的详细信息: enter image description here

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

回答

0

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

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

(您应该单独发布您的其他问题,并提供更多详细信息。)

+0

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

+0

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

相关问题