mapbox gl js

新增图层的时候，设置图层的位置

 map.addLayer(geojson,'下面图层的ID')

当多个图层层叠时候，点击会触发多个点击事件，取消事件冒泡

　　设置好图层的层级

　　在需要取消之后的： e.preventDefault()

　　后面的图片判断if(e.defaultPrevented)return;

 图层变大时候，合并相邻数据

 map.addSource设置属性cluster

clusterProperties可自定义求和参数 

point_count为汇总数据

返回1个点或者2个点（左上/右下）在指定图层的数据

map.queryRenderedFeatures(point)

 返回地图所有图层

 map.getStyle()地图信息 .layers所有图层

设置动态设置layerd的point属性

map.setPaintProperty(

'chicago', //图层名称

'raster-opacity',//paint属性值

parseInt(e.target.value, 10) / 100

);

禁止图层操作

map.dragRotate.disable();禁止点击拖动旋转

map.touchZoomRotate.disableRotation(); //禁止手部事件旋转

map.scrollZoom.disable(); //禁止缩放

常用方法 

setPaintProperty // 设置pain

setLayoutProperty //设置laytout

getCanvas().style.cursor = ''; // 修改光标

setFilter //数据过滤

easeTo //地图偏移

 

map.setPaintProperty(

'chicago', //图层名称

'raster-opacity',//paint属性值

parseInt(e.target.value, 10) / 100

);

 

map.setLayoutProperty(

clickedLayer,

'visibility',

'visible'

);

　　

map.setFilter('counties-highlighted', [

'in',

'COUNTY',

feature.properties.COUNTY

]);

 

map.easeTo({

padding: padding,

duration: 1000 // In ms. This matches the CSS transition duration property.

});