Tengo un mapa del mundo y cuando haces zoom puedes ver las provincias de las ciudades. Algunas ciudades y/o provincias, según un criterio, tienen colores diferentes.

Encontré dos mapas geojson, uno incluye países y el otro incluye provincias. Actualmente, tengo el siguiente código para crear mis mapas:

 this.WorldMapSource = new VectorSource({ format: new GeoJSON(), url: this.WorldMapData }); this.ProvinceMapSource = new VectorSource({ format: new GeoJSON(), url: this.ProvinceMapData }) this.WorldMapView = new View({ center: [0, 0], zoom: 2, minZoom: 1, maxZoom: 10 }); this.WorldMap = new Map({ renderer: 'webgl', target: 'world-map', layers: [ new VectorImageLayer({ source: this.WorldMapSource, style: this.fillWorldMap, minZoom: 1, maxZoom: 7 }), new VectorImageLayer({ source: this.ProvinceMapSource, style: this.fillCountryMap, minZoom: 6, maxZoom: 999 }) ], view: this.WorldMapView });

Por cierto, estoy usando Vue, si eso ayuda de alguna manera.

Pero cuando acerco/alejo o simplemente arrastro el mapa, se congela por un momento y veo algunas áreas en blanco. ¿Hay una solución para esto?