loadMarkers 加载多个标注
参数说明:
data(Array):标注数据数组。具体内容见loadMarker函数中的data参数。
markerOption(Object):标注的配置对象,包含billboard和label两个属性。
billboard配置项:http://cesium.xin/cesium/cn/Documentation1.62/BillboardGraphics.html
label配置项:http://cesium.xin/cesium/cn/Documentation1.62/LabelGraphics.html
type(Number):标注类型,默认值为1。type取值及代表含义:1. 只加载marker,2. 同时加载marker和label,3.只加载label
needTrans(Boolean):是否需要GCJ02(高德地图、腾讯地图、谷歌地图等)转换WGS84
返回值:
Promise对象,loadMarkers(markerinfo, markerOption, 1).then(markers => {}),markers为添加的多个marker对象的数组
代码示例:
<div id="container"></div>
<script>
const view3D = MchCesium.init('container', true);
const markerInfos = [
{ id: 'marker1', text: '生命之洞', description: '服务器获取的数据1', lng: 104.461479, lat: 31.83257, },
{ id: 'marker2', text: '税务局', description: '服务器获取的数据2', lng: 104.460787, lat: 31.832211, },
{ id: 'marker3', text: '林业局', description: '测试', lng: 104.461191, lat: 31.830424, }
]
const markerOption = {
billboard: { image: 'https://mhc.ixiera.com/img/bz.png', width: 30, height: 35, },
label: { font: '20px', pixelOffset: new Cesium.Cartesian2(0, -38) }
}
MchCesium.flyto(markerInfos[0].lng, markerInfos[0].lat, 9000, function () {
MchCesium.loadMarkers(markerInfos, markerOption, 2, true).then(markers => {
MchCesium.viewer.zoomTo(markers)
})
})
</script>
效果展示:

扫一扫