Блог

Добрый день!

Я хочу создать выражение в Mapbox-gl-js для радиуса круга. Проблема в том, что радиус окружности принимает значение в пикселях, но у меня есть географические координаты (широта / спг).

Когда я пытаюсь использовать Map.project внутри выражения ниже (не работает):

 ['*',
            2,
            [
                '*',
                ['pi'],
                [
                    '-',
                    map.project(['get', 'p1'])[0], //<--doesn't work
                    map.project(['get', 'p2'])[0]  //<--doesn't work
                ]
            ]
] 
 

 const layer: mapboxgl.Layer = {
        'id': seatLayerName,
        'type': "circle",
        'source': 'maine',
        'paint': {
            "circle-radius": [
             'interpolate',
             ['exponential', 2],
             ['zoom'],
             5,
             ...//code
             13,
            ['*', 2, ['*', ['pi'], ['-', ['get', 'p1'], ['get', 'p2']]]] //<-- How to use map.project here
           ]
        }
    };
 

Geojson:

 {
            "type": "FeatureCollection",
            "features": [
                {
                    "type": "Feature",
                    "geometry": {
                        "type": "Point",
                        "coordinates": [
                            8.156983852386475,
                            -4.0492925407532
                        ]
                    },
                    "properties": {
                        p1: [8.156983852386475, -4.0492925407532], //<-- point 1 lat/lng
                        p2: [8.176983852386475, -4.0492925407532]  //<-- point 2 lat/lng
                    }
                },
              ....
]
}

 

Прикрепляю скриншот, который я хочу создать для создания выражения:

Mapbox предоставляет метод map.project для преобразования широты / спг в пиксель.

Но как я могу использовать это внутри выражения?

Любое предложение было бы полезно.