首页 > 学术百科

MapboxGL常用API记录

MapboxGL常⽤API记录MapboxGL 常⽤API记录

1. Map对象相关

1.1 地图⽅法

地图样式布局属性get与set，如：获取地图图层显⽰或隐藏属性值，设置地图图层显⽰或隐藏

返回指定样式层中布局属性的值

设置指定样式层中布局属性的值

秋波荡漾

map.setLayoutProperty('clickedLayer', 'visibility', 'none') // 设置图层隐藏

map.setLayoutProperty('clickedLayer', 'visibility', 'visible') // 设置图层显⽰

地图样式绘制属性get与set，如：获取地图图层填充颜⾊属性值，设置地图图层填充⾊

返回指定样式层中绘制属性的值

广电在线设置指定样式层中绘制属性的值

map.setPaintProperty('clickedLayer', 'fill-color', '#faafee'); // 设置图层填充颜⾊

地图刷新

const sourceId = 'sourceId'

const layerId = 'layerId'

const sourceObj = {

type: 'geojson',

data: 'path/json'

}

const layerObj = {

id: layerId,

source: sourceId,

type: 'fill'

}

// 1. 第⼀次将数据源与地图图层添加⾄地图中

map.addSource(sourceId, sourceObj)

欧洲理事会map.addLayer(layerObj)

// 2. 通过id获取数据源与地图图层，判断是否存在，如果存在进⾏第3步，如果不存在进⾏第4步

const source = Source(sourceId) // 不存在 source => undefined

const layer = Layer(layerId) // 不存在 layer => undefined

// 3. 移除地图中的数据源与地图图层

雁栖湖钓鱼

// 4. 再次将数据源与地图图层添加⾄地图中

map.addSource(sourceId, sourceObj)

map.addLayer(layerObj)

地图缩放⾄BBOX

const bbox = [[-79, 43], [-73, 45]];

map.fitBounds(bbox, {

padding: {top: 10, bottom:25, left: 15, right: 5}

});

销毁地图

清理并释放与此地图关联的所有内部资源。

这包括 DOM 元素、事件绑定、Web Worker 和 WebGL 资源。

当您使⽤完地图并希望确保它不再消耗浏览器资源时，请使⽤此⽅法。之后，您不得在地图上调⽤任何其他⽅法。ve()

1.2 地图事件

地图加载完成

在下载了所有必要的资源并且地图的第⼀次视觉完整渲染发⽣后⽴即触发

// 初始化地图对象

const map = new mapboxgl.Map({ // map options }); // 设置地图事件监听

// 当地图加载完成的时候触发

<('load', function() {

console.log('A load event occurred.');

});绿夫妻

本文发布于:2024-09-22 18:19:05，感谢您对本站的认可！

本文链接：https://www.17tex.com/xueshu/501769.html

上一篇：Swagger2关于Map参数在API文档中展示详细参数以及参数说明

下一篇：在百度地图或谷歌地图给中国各省着并高亮显示

标签：地图图层样式设置属性

留言与评论（共有 0 条评论）