Important Notice - Forums is archived
To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.
Leaflet Maps Add-On Multiple Base Layers Glitch
Hello all,
we are using a Leaflet Map with both aerial and normal version of Bing Maps. When adding both layers zooming in and out is glitchy, screen flashes and iterates between both tile types (at the end it displays correctly). Anyone else experiencing this? Is there something we can do? Below sample code:
LBingLayer bingMapAerial = new
LBingLayer("our_api_key");
bingMapAerial.setType(org.vaadin.addon.leaflet.shramov.LBingLayer.Type.AERIALWITHLABELS);
this.leafletMap.addBaseLayer(bingMapAerial, "Bing Aerial");
LBingLayer bingMap = new
LBingLayer("our_api_key");
bingMap.setType(org.vaadin.addon.leaflet.shramov.LBingLayer.Type.ROAD);
this.leafletMap.addBaseLayer(bingMap, "Bing");
We initially used Google maps add-on but that one does not work in China (Google supports it but GWT-Google maps -branflake's one- uses old API that does not).
Then we used Leaflet which supports the chinese version of the API however they only serve (Google) chinese maps over http only and not https so that went out of the window as well.
Now we use Bing Layer and that glitch appears which is kinda of frustrating having put so much effort for a simple map solution and still facing issues no matter what.
Any help would be greatly appreciated.
Regards,
George