Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

126
Visualizações
openlayers 15k+ image markers performance

I'm migrating from leaflet map to openlayers. My map requires me to display about 12k markers right now and this amount could grow up to about 60k (most of markers are rotated by various angles).

In leaflet, after a lot of attempts I've achived this. I combined leaflet-canvas-markers with my own cache implementation, so at last it's able to display 12k items without any visible glitches (on a relatively strong computer).

Now I'm trying to reimplement it with openlayers. I see Icon markers and RegularShape display on a canvas already, it's cool, but performance is still below required, here is the codepen demo (just increase to 30k markers for example if your computer is too fast):

https://codepen.io/zxwild/pen/KKyRRKv

The question is: How to increase performance to display 15k-60k markers?

On my own implementation I use a hidden canvas, which contains all possible markers variants, and rotated variants are cached too.

So when I need to redraw a marker I just retrieve a required section from this canvas cache by X and Y and copy it to a map canvas, it's a very fast operation.

about 4 years ago · Juan Pablo Isaza
1 Respostas
Responde à pergunta

0

First, I really suggest that you consider clustering - the map will be more readable with it anyway.

Second, if most people do not start with a global world view, you will benefit a lot from using vector tiles - especially with geojson-vt and eventually supercluster for server-side clustering that will allow you dramatically reduce the amount of data loaded from the server.

about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda