标签: mapbox

我试图仅为名为“marker_purple”的图标设置图标偏移量 [5, -19]，所有其他图标的偏移量为 [0, 0]。我的尝试导致给定图层没有显示任何图标。该图层仅具有点几何类型，并且具有许多不同的图标类型。

我尝试过的：

"layout": {
  "icon-image": "{icon}",
  "icon-offset": [
    "case",
    ["==", ["get", "icon"], "marker_purple"],
    [5, -19],
    [0, 0]
  ]
}

我还尝试了以下方法，以防表达式无法返回数组，但仍然没有图标显示。

"layout": {
   "icon-image": "{icon}",
   "icon-offset": [
      [
         "case",
         ["==", ["get", "icon"], "marker_purple"],
         5,
         0
      ],
      [
         "case",
         ["==", ["get", "icon"], "marker_purple"],
         -19,
         0
      ]
    ]  
 }

如果我指定一个不带表达式的偏移量，一切都会完美运行。

"icon-offset": [10,10] 

所有图标移动 [10,10]

为了使表达式正常工作，我是否缺少某些东西？

感谢您花时间阅读本文以及您可以提供的任何帮助。

如何突出显示图层中的要素。第一张图片显示了图层，第二张图片是单击时突出显示的所选功能。如何执行此操作？

Mapbox 中的矢量图层

选定的功能像这样突出显示

我的地图上有雷达光栅，我想通过光标的位置显示雷达的数据颜色。

雷达示例

我试图获取 Mapbox 画布的上下文，map.getCanvas().getContext('2d')但它返回 null。

有没有办法做到这一点？

myFeatureProperty 是 true 或 false 我希望过滤器为 true（如果它的值为 true）我尝试了此操作并收到“发出验证错误”（mapbox 错误没有说明什么是无效的）：

let filter = ['==', ['get',"myFeatureProperty"],true, true, false]

知道为什么我会收到此错误吗？我找不到这个简单任务的任何示例。mapbox-gl-js 最新版本的正确表达式语法是什么？

谢谢，唐尼

这个问题是关于 Mapbox Studio 的。我的用例显示了各个国家之间的税务条约地图，其中一些非常小的国家由于是避税天堂而很重要，例如毛里求斯。毛里求斯岛的标签仅在地图缩放级别 2 或更高级别上显示，而将此标签显示在与其他较大国家相同的显着位置会很有用。标签是否被烘焙到 Mapbox 图块中，或者是否有办法控制它们何时出现？

我发现您可以进一步过滤显示哪些国家/地区，但无法控制它们显示的缩放级别的初始设置。

我有 2 个标准的 mapbox mapbox-gl-geocoder 容器，一个接一个。当第一个容器的搜索结果出现在下拉列表中时，第二个容器会覆盖结果。我在 li、ul 等上尝试了 css z-index 1000，但没有任何效果。现在我结束了

geocoderStart.on('results', function(ev) {
            document.getElementById('geocoderEnd').style.visibility = "hidden";
        });
        geocoderStart._inputEl.addEventListener('input', function (e) { document.getElementById('geocoderEnd').style.visibility = "hidden"; });
        geocoderStart._inputEl.addEventListener('blur', function (e) { document.getElementById('geocoderEnd').style.visibility = "visible"; });

但这是越野车。有没有一种简单的 css 方法可以用 li 结果覆盖第二个输入？谢谢

我的代码

const geocoderStart = new MapboxGeocoder({
            accessToken: mapboxgl.accessToken,
            mapboxgl: mapboxgl,
            countries: 'us',
            marker : false,
            flyTo : false,
            placeholder : "Starting point",
        });
        const geocoderEnd = new MapboxGeocoder({
            accessToken: mapboxgl.accessToken,
            mapboxgl: mapboxgl,
            countries: 'us',
            marker : false,
            flyTo : false,
            placeholder …

我成功地将 @react-native-mapbox-gl/maps 添加到我的项目中。现在我不需要用户的当前位置，但我只需要获取用户在地图上单击的位置的坐标（纬度和经度）。我已经尝试了一切，但没有任何效果！我的代码：

import MapboxGL, {MapView, UserLocation} from '@react-native-mapbox-gl/maps';

MapboxGL.setAccessToken(
    'MyAccessToken', );


export default class .... .... {

getLastLocation(location) {

        ToastMaker(location, 'short')

    }

render() {

        return (
                <View style={{flex: 1}}>
                    <View style={{height: '100%',
                        width: '100%',
                        backgroundColor: 'blue'}}>
                        <MapView style={{ flex: 1}}

                          //These Don't Work!
                        //onUserLocationUpdate={(property) => this.getLastLocation(property)}
                        //onLongPress={(property) => this.getLastLocation(property[0].coordinates)}
                        //onLongPress={(property) => this.getLastLocation(property.geometry) }
                        //onLongPress={(property) => ToastMaker(property.properties.screenPointY,'short') }
                       >
                            <MapboxGL.PointAnnotation
                                draggable={true}
                                id={'1'}
                                selected={true}
                                coordinate={this.state.coordinates}
                            />
                        </MapView>
                    </View>
                </View>
        )
    }

}

* 我需要的只是用户在地图上选择的坐标 谢谢 *