mapbox
zyj12138
本人已经转行 博客不再更新,宇宙的尽头 终究不是为了进阿里巴巴
展开
-
mapbox之点击图斑更换图斑图片
我们所需要实现的效果的是这样的,刚开始是一个不高亮的图片:当点击这个图片后,图片变成:代码:我们点击这这个图片能获取到数据中的fid 根据fid进行过滤 (本代码中因为页面功能需求还要过滤一层type值,因为有不同的图斑) map.setLayoutProperty( `pest_address-layer`, 'icon-image', ['match',['get','type'], 1,['match',['get',原创 2020-08-20 16:31:39 · 890 阅读 · 0 评论 -
mapbox两个图层叠加,点击重合部分都触发事件解决方案
大概我们的layer两个图层是这样重合的,当你点击的时候你会发现,两个layer的popup都进行了触发:我们所需要的就是如果重合 上面的图层才能触发popup 下面的不会弹框首先我们理出我们打印顺序,我们必须将上层的打印触发事件写在上面:(这里我们上层显示的是spot-layer)在上层的spot-layer中写入: e.preventDefault()阻止默认事件在下面的project-layer中我们可以打印他的e,可以看到_defaultPrevented: false,在pr.原创 2020-08-19 10:53:18 · 2366 阅读 · 0 评论 -
mapbox移入地点图标显示对应行政区域高亮
实现功能为移入黄坦这个地点后对应行政区域高亮,这里我们后端在黄坦坐标给了字段region_id,为一个数组,我们需要根据这个region_id在行政区域切片中过滤对应的fid,从而实现高亮(说白了主要运用filter)添加好source后:let areaOption = { id: `Aregion-layer`, source: 'Aregion', "source-layer": 'region' ..原创 2020-06-29 15:37:09 · 2509 阅读 · 0 评论 -
mapbox 地点图标下显示地名
大约就是实现这样一个效果,图标数据为后端提供切片数据首先我们需要了解到每个数据里有什么字段: Amap.mapbox.on("click", "livestock-layer", (e) => { console.log('66666666',e.features[0].properties) });(正常直接获取map进行on即可,本代码处理可同时进行mapbox和l7)打印里面发现存在name:在addlayer中添加:layout: { .原创 2020-06-29 10:57:35 · 3118 阅读 · 0 评论