1,用户提出需求:需要做一个网页在pc端和移动端都可以使用,目前未使用的maobox的0.7版本,无法在移动端正常使用,于是去看了mapbox 的github修改记录,发现mapbox的已经修复了问题,可以适应移动端,于是就将mapbox的版本升级了一下,问题完美解决
2,接口返回的数据是按照分值从高到底排列的,所以返回接口顺序是不能改变的,但是当多个点gps相同时,就会出现分值低的点位覆盖掉高分的点位,用户希望可以看见分值高的点位,
我最初的想法是采用 layer 的 布局的 'symbol-sort-key' 属性,symbol-sort-key ,值为number ,图层渲染时,按升序对点位进行排序。具有较低排序的点位将首先绘制并放置。前提是"icon-allow-overlap"
或"text-allow-overlap"
为时false, 最终效果是实现了,但是由于key值是数据绑定的,大大的影响了图层的渲染效率。后续从文档找到了symbol-z-order这个属性,这个属性可以回和symbol-sort-key一块使用, 当值为"source",
symbol-sort-key
如果设置,则按符号排序(有高到低)。否则,不进行排序。点位以与源数据相同的顺序呈现。