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

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

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

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

これもまたそのうちの一つ

MapLibre: Mapbox GL open-source fork

After Mapbox announced the closure of Mapbox GL JS, the community made a collective decision to maintain and further develop the last open-source version and bu...

www.maptiler.com

地震観測施設一覧（２０２４年４月１日現在） | 地震本部

www.jishin.go.jp

日本全国の地震に関する施設データが公開されている。位置座標まである。

iPadのマップアプリを開発している。タッチ操作によるマップアプリの開発は実に難しい。地図をスワイプしたら地図をスクロールさせ、タップしたらアクション、長押しでまた異なるアクションなど細やかなインタラクションの実装が要求される。

OSSのJSライブラリであるOpenLayersではそれらの制御を実にうまくやってくれるが、今回iPadで問題が発生したので備考録として書いておく。

OpenLayersには標準でズームボタンが実装されているが、iPadの場合ズームボタンをスワイプすると画面全体がスクロールされてしまった。
これは回避不能かと思って諦めていたが地理院地図を見たところ同じ事象は確認されなかったので回避方法を探ってみた（地理院地図はLeafletが使われている）

結論から言うと、スクロールを抑止したいelementに対し、以下のCSSを定義してやればよい

touch-action: none;

これでスクロールやピンチイン・アウトによるズームが防げる。
※iPadと同じiOSであるiPhoneでは完全に抑止は出来なかった。

オープンデータを活用したデジタル地図サービスをリリース　－ MIERUNEとMapTilerが提携、日本のロケーションサービス市場を拡大 －

株式会社MIERUNEのプレスリリース（2020年1月27日 16時）。地理空間技術のスタートアップ企業であるMIERUNE(TM)(本社：北海道札幌市)は、デジタル地図プラットフォームであるMapTiler(TM)(本社：スイス)と新しいパートナーシップを締結し、日本市場に最適化されたデジタル地図サービス「MIERU...

www.value-press.com

これはWEBからスマホネイティブまでを網羅的にサポートする地図プラットフォームのようだ。

ベース技術はFOSS4Gなどオープンなプラットフォームを採用しているため、非常に扱い安い（これは大事なこと）

今後の発展が非常に楽しみなところ。

MapBoxではZENRIN社の地図を取扱いYahooJapanなどで採用されているが、こちらはOpenStreetMapだけでなくMapBoxと同じようにどこかの地図会社と提携するのだろうか。。。ZENRINを除くと残る地図情報提供企業は実質２社くらいしか無いのだが。。。

OpenLayersというのは2005年に誕生した地図表示JSライブラリの代表格である。バージョン3からは劇的進化を遂げ、WEB上でヌルサクの使い勝手を提供している素晴らしいプロジェクトである。
最近は利用しやすいLeaflet/MapBox勢力がシェアを高めているように思うが細かい所まで手が届く機能面と安定性から私は現在もOpenLayersを利用している。

さて、OpenLayersではol.mapにはgetLayersメソッドでレイヤー一覧を取得出来るが、ここで取得出来るのはol.layer.Layerとol.layer.LayerGroupである。
getLayersで取得したol.CollectionをforEachメソッドで回すわけだがそのさいに、ol.layer.LayerGroupの場合は更にgetLayersメソッドで入れ子構成を取得したいわけだがol.Collectionでol.layer.Layerとol.layer.LayerGroupの判断方法に悩んだのでメモしておく

なんてことはない getLayersを typeof で型判定し再帰処理すればすべてのレイヤーを取得出来る（これより良い方法をご存知の方は是非コメントお願いします！）

map.getLayers().forEach(function(layerGroup){
     getLayer(layerGroup);
 });
 function getLayer(layer){
    console.log(layer.get("title"));
    if(typeof layer.getLayers == 'function') {
         layer.getLayers().forEach(function (l) {
         getLayer(l);
     });
    }
 }

• ベイターミナルの設置店舗の追加
• アイコンを最新のやつにした

しかし当の本人はベイブレード本体の分解やら改造やら、色味塗りなどをして自作自演ベイブレードをツクリ初めてしまい大会に出るつもりはないようで。。
※改造すると大会に出れません