OpenLayersでベクトルタイルのタイルの境界でポイントが欠けてしまう問題

OpenLayersでベクトルタイルを表示させポイントを使う場合、そのままだと以下のようにタイルの境界でポイントが欠けてしまう。

その場合は「declutter:true」にすることで解消される。

import VectorTileLayer from 'ol/layer/VectorTile';
 :
 :
new VectorTileLayer({
    declutter: true,
    style: new Style({
            image: new Icon({
                color: '#8959A8',
                 :
                 :
            })
    }),

ポイントの重なり回避が有効になり実際の位置とは異なってしまうので利用には考慮が必要

また、「forEachFeatureAtPixel」でfeatureを取得しようとした場合featureが重なっていても一つしか取得出来ないのでこれも注意。

コメント

タイトルとURLをコピーしました