mapboxgl获取矢量瓦片(vector tile)上的元素方法

本文介绍了两种方法在MapboxGL中获取矢量瓦片上的元素。第一种方法是通过监听图层的鼠标事件获取`e.features`。第二种方法利用地图的`querySourceFeatures`和`queryRenderedFeatures`方法来查询图层上的feature。这两种方式对于分析和操作MapboxGL中的vector tile数据非常有用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

counties是mapboxgl官网提供示例图层(矢量瓦片示例)

第一种:

       通过监听对应图层的鼠标事件,获取e.features,可以获取该图层上说要的feature

// counties为图层id
map.on('mousemove','counties', function(e) {
     console.log(e.features) // 可以获取图层counties上面的所有feature
});

// 获取的数据
// [
//   {
//     "geometry": {
//       "type": "Polygon",
//       "coordinates": [
//         [
//           [
//             -100.08544921875,
//             37.00255267215955
//           ],
//           [
//             -99.5361328125,
//             37.00255267215955
//           ],
//           [
//             -99.55810546875,
//             37.46613860234406
//           ],
//           [
//             -100.107421875,
//             37.47485808497102
//           ],
//           [
//             -100.08544921875,
//             37.00255267215955
//           ]
//         ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值