Shulou(Shulou.com)06/01 Report--

This article will explain in detail the example analysis of image loading in webgl. The editor thinks it is very practical, so I share it for you as a reference. I hope you can get something after reading this article.

For the previous open source mbtiles publishing tools on the official account, please refer to this official account article: sharing Open Source mbtiles-server. Although the published data service is wmts, there are still some precautions for loading on cesium, otherwise the published image data will not be accessible.

Data side: mbtiles must start at global level 0, otherwise it cannot be loaded.

Configuration file: the service program is written based on nodejs, and the port number and host address should be configured. If it is not configured, the address in the xml returned by wmts will default to 127.0.0.1, which will cause problems if it is not accessed locally.

When accessing, the address of the service should include the name of the mbtiles file, such as ip:port/ service name / mbtiles file name / WMTS. This format, the format of slices in mbtiles, can be viewed through this service, and the information includes coordinate system, scope and other information.

The parameter tileMatrixSetID is viewed in this service. These are the configurations required in the program:

The following is a simple sharing of a service code that has been successfully loaded in cesium:

ImageryProvider: new Cesium.WebMapTileServiceImageryProvider ({

Url: "http://ip:port/ service name / mbtiles file name / WMTS

Layer: "mbtiles file name"

Style: "default"

/ / File format

Format: "image/png"

TileMatrixSetID:'GoogleMapsCompatible'

})

Mbtiles file is relatively large, slices need to wait a while to load out, but after loading is completed, the speed is still very fast.

This is the end of this article on "sample Analysis of Image loading in webgl". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it out for more people to see.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.