小编Mah*_*meh的帖子

使用mapbox定义基于geojson的多边形填充颜色

我正在使用mapbox示例以在地图上创建多个多边形,并且每个都有弹出事件.我的问题是我需要根据它的geojson属性设置每个多边形的填充颜色.

是我的榜样.我使用以下javascript代码:

mapboxgl.accessToken = 'pk.eyJ1IjoibWFoYW5tZWhydmFyeiIsImEiOiJ6SDdSWldRIn0.8zUNm01094D1aoSeHpWYqA';
var map = new mapboxgl.Map({
    container: 'map',
    style: 'mapbox://styles/mapbox/streets-v9',
    center: [51.40545845031738,
    35.75069181054449],
    zoom: 10

});

map.on('load', function (e) {
    // Add a layer showing the state polygons.
    map.addLayer({
        'id': 'states-layer',
        'type': 'fill',
        'source': {
            'type': 'geojson',
            'data': 'geojson.js'
        },
        'paint': {
            'fill-color': 'rgba(200, 100, 240, 0.4)',
            'fill-outline-color': 'rgba(200, 100, 240, 1)'
        }
    });

    // When a click event occurs on a feature in the states layer, open a popup at the
    // location of …
Run Code Online (Sandbox Code Playgroud)

javascript geojson mapbox mapbox-gl mapbox-gl-js

3
推荐指数
1
解决办法
1874
查看次数

标签 统计

geojson ×1

javascript ×1

mapbox ×1

mapbox-gl ×1

mapbox-gl-js ×1