mapboxgl获取矢量瓦片（vector tile）上的元素方法

最新推荐文章于 2025-06-19 09:24:31 发布

abcdTracy

最新推荐文章于 2025-06-19 09:24:31 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： mapbox 地图

本文链接：https://blog.youkuaiyun.com/abcdTracy/article/details/106254879

本文介绍了两种方法在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
//           ]
//         ]