标签:层级 type text overlap 绘制 mapbox icon true 图标
mapbox层级变小后,可能由于碰撞算法,有些位置的图标要素比较多时,会出现少绘制/不绘制的情况
查阅官网后,发现参数icon-ignore-placement 解释:If true, other symbols can be visible even if they collide with the icon.(如果设置成true,即使其他要素有碰撞的情况下,依然可以显示)
但是设置 icon-ignore-placement:true 后;
发现比之前绘制的要素多了,但还是没有全部绘制出来,
于是,text-allow-overlap 解释:If true, the text will be visible even if it collides with other previously drawn symbols(如果设置为true,文字依旧显示,即使和已绘制的其他要素有碰撞)
设置后,图标+文字都可以绘制出来啦
mapbox.addLayer({ id: "id", type: "symbol", source: { type: "geojson", data: { type: "FeatureCollection", features: [] } }, paint: { "text-color": "white" }, layout: { "icon-image": ["get", "icon"], "icon-ignore-placement": true, "icon-allow-overlap": true, "icon-size": 0.7, "icon-offset": [-1, -1], "text-field": ["get", "name"], "text-size": 13, "text-offset": [0, 0], "text-anchor": "top", "text-allow-overlap": true } });
标签:层级,type,text,overlap,绘制,mapbox,icon,true,图标 来源: https://www.cnblogs.com/gaoqifang/p/15430215.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。