Mais

Césio js, ​​linha traçada ligando um rótulo a uma posição

Césio js, ​​linha traçada ligando um rótulo a uma posição


Eu gostaria de desenhar uma linha ligando uma entidade a seu rótulo com um deslocamento. CesiumJS permite deslocar o rótulo, porém não é possível traçar uma linha (ou polilinha) de uma posição para um deslocamento como a linha vermelha nesta imagem.

Como eu posso fazer isso? alguma sugestão?

estou usando deslocamento de pixel. mas não há problema em usar o deslocamento do olho

labels.add ({position: Cesium.Cartesian3.fromDegrees (-75.1641667, 29.9522222), text: 'Another label', pixelOffset: new Cesium.Cartesian2 (100, -100)});

A melhor maneira de fazer isso é provavelmente um outdoor com a imagem da linha nele. O comprimento nunca mudará se for um pixelOffset. Você pode colocar uma imagem de uma linha branca e usar a propriedade color para definir qualquer outra cor.

var viewer = novo Cesium.Viewer ('cesiumContainer'); var scene = viewer.scene; rótulos de var = scene.primitives.add (new Cesium.LabelCollection ()); labels.add ({position: Cesium.Cartesian3.fromDegrees (-75.1641667, 29.9522222), text: 'Another label', pixelOffset: new Cesium.Cartesian2 (100, -100)}); var billboards = scene.primitives.add (novo Cesium.BillboardCollection ()); billboards.add ({cor: Cesium.Color.RED, imagem: 'dados: imagem / jpeg; base64, iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAyUlEQVR42u3RQRHAMBADsQRWwRRosBTMxSzqh3bGBKy19Hsz82QnG28UYQApw0ifV4owstczRRjZ9g4MGDBgCAYMwYAhGDAEA4ZgwIABAwYMGIIBQzBgCAYMwYAhGDBgwIABA4ZgwBAMGIIBQzBgCAYMGDBgwIAhGDAEA4ZgwBAMGIIBAwYMGDBgCAYMwYAhGDAEA4ZgwIABAwYMGIIBQzBgCAYMwYAhGDBgwIABA4ZgwBAMGIIBQzBgCAYMGDBgwKgDgVEGAqOoCyAqoIT32fmkAAAAAElFTkSuQmCC', pixelOffset: novo Cesium.Cartesian2 (50, -50), Posição: Cesium.Cartesian3.fromDegrees (-75,1641667 , 29,9522222)});

Assista o vídeo: KWDP Matemática