跳到主要内容

具备 commonLineSymbols 的匹配开发SDK还支持共同二维沿线图文:真实逐字弯线路径、目标归属、图文组合及共同预算。下文早期点符号范围与尚待沿线事项,应按此有限子集理解;复杂整形、倾斜/球面/地形与完整道路拼接仍待完成。

点图片符号

标准symbol图层已接通平面Point/MultiPoint和MVT点。先addImage登记RGBA8图片,或使用已加载sprite;icon-image可为字符串或属性表达式。icon-size为0..16、icon-rotate为-360..360度数值或属性/变量/全局状态表达式,icon-anchor支持九个标准锚点;icon-opacity沿用共同paint表达式、状态、zoom。显隐、排序、筛选及缩放范围使用同一套接口。setLayoutProperty可修改上述布局,图片更新/删除后画面和查询同步刷新,图层身份不变。

import {map} from 'sqsmap';
map.addImage('marker',{width:40,height:20,
 data:Array.from({length:800},()=>[255,0,0,255]).flat()},{pixelRatio:2});
map.addSource('points',{type:'geojson',data:{type:'Feature',id:1,
 properties:{icon:'marker'},geometry:{type:'Point',coordinates:[0,0]}}});
map.addLayer({id:'icons',type:'symbol',source:'points',layout:{
 'icon-image':['get','icon'],'icon-allow-overlap':true,'icon-ignore-placement':true
},paint:{'icon-opacity':1}});
await map.sqs.flush({render:true});
map.setLayoutProperty('icons','icon-rotate',90);
await map.sqs.flush({render:true});

共同点碰撞已接通,overlap和ignore-placement默认false,显式true分别控制重叠与占位,见碰撞指南。普通及富文本text-field、SDF颜色重染已接通;沿线与其它未声明布局继续后续任务。布局禁止feature-state;状态用于paint。图片缺失、零size或零opacity没有渲染查询命中;查询按真实图片尺寸、pixelRatio、旋转和锚点足迹判断。透明图片区域目前按矩形足迹查询。每图含隐藏层合计最多16384图片点,图集沿用2048边长和已有图片预算。

当前支持平面;倾斜、球面和共同raster组合明确拒绝,未冒充完整symbol。能力commonPointIconSymbols为true,移动宿主尚未完成。完整HTML包含图片更新、旋转、锚点、透明度、显隐、图片删除恢复、排序、查询和销毁全部事件;共同脚本使用同一地图接口。点和图片自行生成;真实底图和数据应保留来源署名。

08.37:共同icon-offset支持x,y常量/数组表达式,单位逻辑像素,乘实际icon-size后按icon-rotate旋转;icon-anchor支持九锚点字符串表达式。属性/全局状态刷新绘制、碰撞和查询。偏移指南。

图片值与可用性coalesce/let-var已接通,见图标图片表达式。普通字符串与空串语义、RGBA/SDF、图标参数及query保留。