cesium marker 上传图片预览功能

ZGFshm

已于 2023-05-17 11:49:54 修改

阅读量400

点赞数

文章标签： javascript html json

于 2020-04-16 11:32:05 首次发布

本文链接：https://blog.csdn.net/ZGFshm/article/details/105554080

版权

用的是cesium加layui 的样式

	  viewer.entities.add({
              id: rowsLatLng.length-1,
              name:"imgPoint",
              type:"marker",
              position: rowsLatLng[rowsLatLng.length-1],
              billboard: {
              image: "img/marker/gjpoint.png",
                    scale: 1,
                    horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
                    verticalOrigin: Cesium.VerticalOrigin.BOTTOM
                },
                popup: {
                    html: $('#travelDiv').html(),//弹框样式
                    anchor: [0, -10]
                },
               'dpoint':dpoint,
                click: function (t) {
                	delPoint=t; 
                    if(t.img!=null){
                	$('#travelImgShow').attr('src', t.img); //图片链接（base64）
                    }
                    showTravelImg(t);
                    if (9e4 < viewer.camera.positionCartographic.height) {
                        viewer.vgis.popup.close();
                        var e = t.position._value;
                        viewer.vgis.centerPoint(e, {
                            radius: 5e3,
                            pitch: -50,
                            duration: 4,
                            complete: function (e) {
                                viewer.vgis.popup.show(t)
                            }
                        })
                    }
                }
                
            })

	<div class="layui-input-inline"   id="travelDiv" style="display:none">
				<div>
					<button type="button" class="layui-btn" id="travelImg" style="margin-            
                                  left: 20px">上传图片</button>
			 
			 	</div>
		 	   <div class="layui-upload-list"  style="width:500px;height:360px">
				    <img  style="height:100%;width:100%" class="layui-upload-img" id="travelImgShow">
				    <p id="demoText"></p>
			   </div>
	</div>