今天某客户提出要实现在地球上经纬线显示和经纬度标注，看了官方资料，没有相关api，网上也看了好多帖子，基本都是实现的贴图划线(话说官方本来就有不同等级的贴图网格 根本不需要你来画)，只有在github上找了一个cesimu-Graticule.js，经纬度是画出来了，话说你有那么明显的bug放出来干啥？？？？

what？？？说白了，没得抄~~ o(╯□╰)o

所以自力更生吧，思路很简单，画的很low，大概效果是这样的

废话少说，直接上码：

###绘制经度线以及经度标注

latLongLine.lang = [];

//经度

let langS = [];

//每隔20° 画一条线

for (let lang= -180; lang <= 180; lang += 20) {

let text = "西经";

if (lang< 0) {

text = "东经";

} else if (lang=== 0) {

text = "本初子午线";

}

text += lang===0?"":"" + lang+ "°";

//绘制经度

latLongLine.lang.push(viewerInstance[this.id].entities.add({

position: Cesium.Cartesian3.fromDegrees(lang,0),

polyline: {

positions: Cesium.Cartesian3.fromDegreesArray([lang, -90, lang, 0, lang, 90]),//为了绕一圈地球中间加了一个赤道点

width: 1.0,

material: Cesium.Color.fromBytes(66, 147, 254, 255 * 0.8),//好看的颜色

} ,label: {//标注经度

text: text,

verticalOrigin:Cesium.VerticalOrigin.TOP,

font: '16px Helvetica',

fillColor: Cesium.Color.GOLD,

style: Cesium.LabelStyle.FILL_AND_OUTLINE,

outlineWidth: 1,

outlineColor: Cesium.Color.BLACK,

pixelOffset: new Cesium.Cartesian3(0, -50, -2000)//像素为单位的位置偏移实际上笛卡尔3的z值无效，因为他只支持笛卡尔2，但。。。毕竟逼格高嘛。。

},

}));

}

//因为这里都是用折线实现，为看起来像个圆 所以要先拿到比较密的经度点

for (let lang= -180; lang<= 180; lang+= 5) {

langS.push(lang);

}

//每隔10读绘制一条纬度线和纬度标注

for (let lat= -80; lat<= 80; lat+= 10) {

let text = "北纬";

if (lat< 0) {

text = "南纬";

} else if (lat=== 0) {

text = "赤道";

}

text += "" + lat+ "°";

latLongLine.lat.push(viewerInstance[this.id].entities.add({

position: Cesium.Cartesian3.fromDegrees(0,lat),//这个主要是为了让文字可以显示到正确的位置

polyline: {

positions: Cesium.Cartesian3.fromDegreesArray(longS.map(long=> {

return [long,lat].join(",")

}).join(",").split(",").map(item => Number(item))),//这一堆语法糖就是因为懒 得写for循环转换其实就是把经度和纬度拼为二维数组，然后在转换为字符串分割，然后在转换为一维数组，然后转数组，十八般武艺唯快不破

width: 1.0,

material: Cesium.Color.BLUE,

},

label: {//标注

text: text,

font: '16px Helvetica' ,

fillColor: Cesium.Color.GOLD,

style: Cesium.LabelStyle.FILL_AND_OUTLINE,

outlineWidth: 1,

outlineColor: Cesium.Color.BLACK,

pixelOffset: new Cesium.Cartesian3(0, -5, -2000)

},

})

)

}

好了 ，基本思路就是这样，你想怎么看你就这么看，站在天狼星，你也看得到经纬线(吹牛逼)