基于supermap框架的可视域分析，效果非常好！！！

supermap官方代码 ，cesium环境下可直接运行，效果出奇的好，终于找到合适的demo了！！！

绘制可视域 清除

×

属性编辑

方向(度)

        <div>
            <label>翻转(度)</label>
            <input type="range" id="pitch" min="-90" max="90" step="1.0" value="1" title="翻转"
                   data-bind="value: pitch, valueUpdate: 'input'">
            <input type="text" size="5" data-bind="value: pitch">
        </div>

        <div>
            <label>距离(米)</label>
            <input type="range" id="distance" min="1" max="500" step="1.0" value="1" title="距离"
                   data-bind="value: distance, valueUpdate: 'input'">
            <input type="text" size="5" data-bind="value: distance">
        </div>

        <div>
            <label>水平视场角(度)</label>
            <input type="range" id="horizonalFov" min="1" max="120" step="1" value="1" title="水平视场角"
                   data-bind="value: horizontalFov, valueUpdate: 'input'">
            <input type="text" size="5" data-bind="value: horizontalFov">
        </div>

        <div>
            <label>垂直视场角(度)</label>
            <input type="range" id="verticalFov" min="1" max="90" step="1.0" value="1" title="垂直视场角"
                   data-bind="value: verticalFov, valueUpdate: 'input'">
            <input type="text" size="5" data-bind="value: verticalFov">
        </div>
        </p>
        <p>
        <div class="square">
            <label>可见区域颜色</label><input class="colorPicker" data-bind="value: visibleAreaColor,valueUpdate: 'input'"
                                        id="colorPicker1"/>
        </div>
        <div class="square">
            <label>不可见区域颜色</label><input class="colorPicker"
                                         data-bind="value: invisibleAreaColor,valueUpdate: 'input'"
                                         id="colorPicker2"/>
        </div>
        </p>
        <p><label>本例中观察者附加高度：1.8 米</label></p>
    </form>
</div>