cesium地图根据经纬度画网格线

最新推荐文章于 2025-09-08 15:33:38 发布

原创

最新推荐文章于 2025-09-08 15:33:38 发布 · 1.8k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #ecmascript

该代码示例展示了如何在Cesium地图上绘制经度和纬度线，并添加标注。通过循环遍历经度和纬度值，创建polyline和label实体，用白色线条表示经度线，文本标注显示度数。同时，调整图像渲染和抗锯齿设置以优化视觉效果。

// 绘制经纬度
    const entities = viewer.entities;
    for (let longitude = -180; longitude <= 180; longitude += 20) {
        let text = "";
        if (longitude === 0) {
            text = "0";
        }
        text += longitude === 0 ? "" : "" + longitude + "°";
        if (longitude === -180) {
            text = "";
        }
        entities.add({
            position: Cesium.Cartesian3.fromDegrees(longitude, 0),
            polyline: {
                positions: Cesium.Cartesian3.fromDegreesArray([
                    longitude,
                    -90,
                    longitude,
                    0,
                    longitude,
                    90,
                ]),
                width: 1.0,
                material: Cesium.Color.WHITE,
            },
            label: {
                text: text,
                verticalOrigin: Cesium.VerticalOrigin.TOP,
                font: "12px sans-serif",
                fillColor: