信息窗口

1.构造方法：

let infowinow = new MchCesium.InfoWindow(id, extdata, entity, content, option)

2.参数说明：

id(String): 窗口id

extdata(Object)：保存的额外信息

entity(Object)：信息窗口所属的entity，若为null，则在option中设置具体位置

content(String)：信息窗口的具体dom内容

option(Object)：其余配置项。包括如下属性：

position(Array)：信息窗口的位置（笛卡尔坐标系）。

defaultFrame(Boolean)：是否采用默认窗口样式。

3.代码示例：

<div id="containerId" class="MchCesium-mapContainer"></div> <script> MchCesium.init('containerId'); let billboardGraphics = { image: '/mhc/img/st_uav.png', width: 50, height: 35, verticalOrigin: Cesium.VerticalOrigin.BOTTOM, horizontalOrigin: Cesium.HorizontalOrigin.CENTER, } let editable = false let markerPosition = [104.336329, 35.979957, 3000] let option = { needTrans: true, editable: editable, showHeightLine: true } let marker = new MchCesium.Marker('testMarker', billboardGraphics, markerPosition, option) marker.createMarkerEntity() const content = ` <div class="uavinfo_win_content"> <p>UI-12345，四旋翼</p> <p>经度：${markerPosition[0]}，纬度：${markerPosition[1]}</p> <p>高度：${markerPosition[2]}米</p> </div> ` let infowin = new MchCesium.InfoWindow('infowin', null, marker.markerEntity, content, { position: marker.position, defaultFrame: false }) MchCesium.viewer.zoomTo(MchCesium.viewer.entities) </script>

4.效果展示：

Demo地址：

https://mhc.ixiera.com/html/cesiumDemo/demo_infowindow.html