cesium修改TileCoordinatesImageryLayer源码实现随机颜色，点选显示坐标

最新推荐文章于 2025-11-12 15:58:05 发布

原创

最新推荐文章于 2025-11-12 15:58:05 发布 · 1.5k 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #cesium

本文介绍了如何修改Cesium的TileCoordinatesImageryLayer源码，实现瓦片的随机颜色绘制，并添加点选功能，显示经纬度坐标。通过requestImage函数生成随机瓦片，pickFeatures函数用于绘制带有经纬度标识的点选区域。

cesium修改TileCoordinatesImageryLayer源码实现随机颜色，点选显示坐标。

1、修改函数requestImage：实现了随机颜色的瓦片覆盖。

TileCoordinatesImageryProvider.prototype.requestImage = function (
    x,
    y,
    level,
    request
  ) {
    /*随机获取颜色*/
    function getRandomColor() {
        var r = Math.floor(Math.random() * 256);
        var g = Math.floor(Math.random() * 256);
        var b = Math.floor(Math.random() * 256);
        var a=0.3//设置透明度
        return "rgba(" + r + ',' + g + ',' + b + ',' + a +")";
        //return '#' + Math.floor(Math.random() * 0xffffff).toString(16);
     }  

    var canvas = document.createElement("canvas");
    canvas.width = 256;
    canvas.height = 256;
    var context = canvas.getContext("2d