// class Streetscape {
|
// constructor(sgworld, option = {}) {
|
// this.sgworld = sgworld
|
// this.streetscape_alpha = option.alpha || 1;
|
//
|
// /**
|
// *
|
// * 街景服务参数
|
// *
|
// */
|
// this.streetSphere_data = {
|
// StreetUrl: option.StreetUrl,
|
// getImageRootUrl: option.StreetUrl + "/Image3DResourceService/GetImageTile/?ImageID=",
|
// getImageInfo: option.StreetUrl + '/Image3DResourceService/GetImageInfo/?ImageID=',
|
// getFirstImageDir: "&zoom=0",
|
// getSecondImageDir: "&zoom=4",
|
// lon: option.lon,
|
// lat: option.lat
|
// }
|
// this.setStreetScapeUrl()
|
// this.init()
|
//
|
// }
|
//
|
// //设置街景接口响应回调
|
// setStreetViewData(StreetViewData, datas) {
|
// StreetViewData.getImageTileID = datas.Station.StationID;
|
// StreetViewData.lon = datas.Station.X;
|
// StreetViewData.lat = datas.Station.Y;
|
// StreetViewData.height = datas.Station.H;
|
// StreetViewData.HeadingPitchRoll = {
|
// heading: datas.Station.Yaw,
|
// pitch: datas.Station.Pitch,
|
// roll: datas.Station.Roll,
|
// };
|
// this.getLinksData(StreetViewData)
|
// }
|
//
|
// // 立德街景前后数据
|
// getLinksData(StreetViewData) {
|
// this.sgworld.core.xhr({
|
// url: this.StreetScapeOption.getInitImageSequenceById.replace('{id}', StreetViewData.getImageTileID) + '&Step=1',
|
// type: 'get',
|
// dataType: 'json',
|
// success: data => {
|
// this.setLinksData(0, data, StreetViewData, () => {
|
// this.StreetView.createNavigation()
|
// })
|
// }
|
// })
|
// this.sgworld.core.xhr({
|
// url: this.StreetScapeOption.getInitImageSequenceById.replace('{id}', StreetViewData.getImageTileID) + '&Step=-1',
|
// type: 'get',
|
// dataType: 'json',
|
// success: data => {
|
// this.setLinksData(-1, data, StreetViewData, () => {
|
// this.StreetView.createNavigation()
|
// })
|
// }
|
// })
|
// }
|
//
|
// setLinksData(step, data, StreetViewData, callback) {
|
// let angle = StreetViewData.HeadingPitchRoll.heading + step * 180
|
// let links = []
|
// if (data.StationItems) {
|
// links = data.StationItems.filter(item => {
|
// return item.Station.StationID !== StreetViewData.getImageTileID
|
// })
|
// }
|
// let type = step === -1 ? 'prev' : 'next'
|
// if (links.length) {
|
// let link = links[0].Station
|
// StreetViewData.linkImagesData.push({
|
// type: type,
|
// name: link.Address,
|
// ImageID: link.StationID,
|
// NavigationAngle: angle,
|
// Position: [link.X, link.Y, link.H]
|
// });
|
// // callback && callback()
|
// } else {
|
// StreetViewData.linkImagesData.push({
|
// type: type,
|
// name: data.StationItems[0].Station.Address,
|
// NavigationAngle: angle
|
// });
|
// }
|
// callback && callback()
|
// }
|
//
|
// // 立德街景交叉口数据
|
// getJoinsData(StreetViewData, callback) {
|
// this.sgworld.core.xhr({
|
// url: this.StreetScapeOption.getInitImageJointsById.replace('{id}', StreetViewData.getImageTileID),
|
// type: 'get',
|
// dataType: 'json',
|
// success: data => {
|
// if (data.Junction) {
|
// this.pervJoinsID = StreetViewData.getImageTileID
|
// callback && callback(data.Junction || [])
|
// } else {
|
// this.sgworld.core.xhr({
|
// url: this.StreetScapeOption.getInitImageJointsById.replace('{id}', this.pervJoinsID),
|
// type: 'get',
|
// dataType: 'json',
|
// success: data => {
|
// if (data.Junction) {
|
// callback && callback(data.Junction || [])
|
// } else {
|
// layer.msg(data.Message);
|
// }
|
// }
|
// })
|
// }
|
// }
|
// })
|
// }
|
//
|
// selectJoinsCallBack() {
|
// this.getJoinsData(this.StreetView.StreetViewData, join => {
|
// let btn = []
|
// let linkImagesData = []
|
// let btnFun = {}
|
// join.forEach((item, index) => {
|
// btn.push(item.RoadName)
|
// let data = {
|
// ImageID: item.StationID,
|
// NavigationAngle: item.Angle - 180,
|
// Position: [item.X, item.Y, item.H]
|
// }
|
// let btnFunEvent = (layerindex) => {
|
// layer.close(layerindex);
|
// this.getImageInfo(data.ImageID, () => {
|
// this.StreetView.MoveToLinkImage(data)
|
// })
|
// }
|
//
|
// if (!index) {
|
// btnFun['yes'] = btnFunEvent
|
// } else {
|
// btnFun['btn' + (index + 1)] = btnFunEvent
|
// }
|
// linkImagesData.push(data);
|
// })
|
//
|
// layer.msg('请选择道路', {
|
// time: 10000,
|
// btn: btn,
|
// ...btnFun
|
// });
|
// })
|
// }
|
//
|
// setImageDataCallback(StreetViewData, data) {
|
// if (data && data.Sizes) {
|
// let size = data.Sizes[0]
|
// let width = size.Width
|
// let height = size.Height
|
// StreetViewData.row = Math.ceil(height / 512)
|
// StreetViewData.col = Math.ceil(width / 512)
|
// StreetViewData.maxWidth = width
|
// StreetViewData.maxHeight = height
|
// }
|
// }
|
//
|
// getImageInfo(id, callback) {
|
// this.sgworld.core.xhr({
|
// url: this.streetSphere_data.getImageInfo + id,
|
// type: 'get',
|
// dataType: 'json',
|
// success: data => {
|
// this.setImageDataCallback(this.StreetView.StreetViewData, data)
|
// callback && callback()
|
// }
|
// })
|
// }
|
//
|
// getImageDataByPosition(position, callback) {
|
// let url = this.StreetView.getInitImageByPositionURL(position)
|
// this.sgworld.core.xhr({
|
// url: url,
|
// type: 'get',
|
// dataType: 'json',
|
// success: data => {
|
// callback && callback(data)
|
// }
|
// })
|
// }
|
//
|
//
|
//
|
// //设置街景接口
|
// setStreetScapeUrl() {
|
// this.StreetScapeOption = {
|
// type: 'lide',
|
// getInitImageByPosition: '/Image3DIndexService/GetStationByCoord/?x={lon}&tolerance=0%2E0005&type=4&y={lat}',
|
// getInitImageJointsById: '/Image3DIndexService/GetStationJoints/?direction=1&StationID={id}',
|
// getInitImageSequenceById: '/Image3DIndexService/GetStationSequence/?StationID={id}',
|
// getInitImageById: '',
|
// getSecondImageById: '',
|
// getInitImageByPositionCallBack: this.setStreetViewData.bind(this),
|
// getImageInfoByIdCallBack: this.setStreetViewData.bind(this),
|
// selectJoinsCallBack: this.selectJoinsCallBack.bind(this),
|
// setImageDataCallback: this.setImageDataCallback.bind(this)
|
// }
|
// this.StreetScapeOption.getInitImageByPosition = this.streetSphere_data.StreetUrl + this.StreetScapeOption.getInitImageByPosition;
|
// this.StreetScapeOption.getInitImageJointsById = this.streetSphere_data.StreetUrl + this.StreetScapeOption.getInitImageJointsById;
|
// this.StreetScapeOption.getInitImageSequenceById = this.streetSphere_data.StreetUrl + this.StreetScapeOption.getInitImageSequenceById;
|
// this.StreetScapeOption.getInitImageById = this.streetSphere_data.getImageRootUrl + '{id}' + this.streetSphere_data.getFirstImageDir;
|
// this.StreetScapeOption.getSecondImageById = this.streetSphere_data.getImageRootUrl + '{id}' + this.streetSphere_data.getSecondImageDir;
|
// this.StreetScapeOption.getImageInfo = this.streetSphere_data.getImageInfo;
|
// }
|
//
|
// // 初始化街景
|
// init() {
|
// this.exit()
|
// this.sgworld.camera.stop(); //取消飞行状态
|
//
|
// this.StreetView = this.sgworld.analysis.StreetViewOpen({
|
// lon: this.streetSphere_data.lon,
|
// lat: this.streetSphere_data.lat
|
// }, this.StreetScapeOption, () => {
|
// //创建滑动按钮
|
// this.createSlider();
|
// ///创建退出按钮
|
// this.createExitButton();
|
// });
|
// this.setOpacity(this.streetscape_alpha);
|
// }
|
//
|
// //退出街景
|
// exit() {
|
// if (this.StreetView) {
|
// this.StreetView.exit();
|
// this.StreetView = null;
|
// this.sliderContainer && this.sliderContainer.remove();
|
// //移除退出按钮
|
// this.exitContainer && this.exitContainer.remove();
|
// this.sliderContainer = this.exitContainer = undefined
|
// }
|
// }
|
//
|
// // 跳转位置
|
// changePosition(position) {
|
// this.streetSphere_data.lon = position.lon;
|
// this.streetSphere_data.lat = position.lat;
|
// this.StreetView.StreetViewData.isTwoTextures = false;
|
// this.StreetView.StreetViewData.isThreeTextures = false;
|
// this.StreetScapeOption.flyTime = 1;
|
// this.init();
|
// }
|
//
|
// // 更新服务
|
// changeServer(StreetUrl) {
|
// this.streetSphere_data.StreetUrl = StreetUrl;
|
// this.streetSphere_data.getImageRootUrl = StreetUrl + "/Image3DResourceService/GetImageTile/?ImageID=";
|
// this.streetSphere_data.getImageInfo = StreetUrl + '/Image3DResourceService/GetImageInfo/?ImageID=';
|
// this.StreetView.StreetViewData.isTwoTextures = false;
|
// this.StreetView.StreetViewData.isThreeTextures = false;
|
// this.setStreetScapeUrl();
|
// this.StreetScapeOption.flyTime = 1;
|
// this.init();
|
// }
|
//
|
// // 下一步
|
// nextStep() {
|
// let linkImageData = this.StreetView.StreetViewData.linkImagesData.find(item => {
|
// return item.type === "next"
|
// })
|
// linkImageData && this.StreetView.MoveToLinkImage(linkImageData);
|
// }
|
//
|
// // 上一步
|
// prevStep() {
|
// let linkImageData = this.StreetView.StreetViewData.linkImagesData.find(item => {
|
// return item.type === "prev"
|
// })
|
// linkImageData && this.StreetView.MoveToLinkImage(linkImageData);
|
// }
|
//
|
// //设置街景球透明度
|
// setOpacity(alpha) {
|
// this.streetscape_alpha = alpha
|
// if (this.StreetView) {
|
// this.StreetView.setOpacity(alpha);
|
// }
|
// }
|
//
|
// //创建透明度滑动条
|
// createSlider() {
|
// var div = '<div id="streetScapeSlider" style="position: absolute;top: 0;left: 0;z-index: 99;width:218px;margin: 45px 100px 10px;"><div id="opacity-streetScape"></div></div>';
|
// $(document.body).append(div);
|
// this.sliderContainer = $('#streetScapeSlider');
|
// layui.use('slider', () => {
|
// var slider = layui.slider;
|
// slider.render({
|
// elem: '#opacity-streetScape',
|
// theme: '#1E9FFF',
|
// min: 0 //最小值
|
// ,
|
// max: 100 //最大值
|
// ,
|
// value: this.streetscape_alpha * 100,
|
// change: (value) => {
|
// this.setOpacity(value / 100);
|
// }
|
// });
|
// });
|
// }
|
//
|
// //创建退出按钮
|
// createExitButton() {
|
// let div = '<div id="streetScapeExitButton" style="position: absolute;top: 0;left: 0;z-index: 99;margin:20px;"><button type="button" class="layui-btn layui-btn-normal">退出</button></div>';
|
// $(document.body).append(div);
|
// this.exitContainer = $('#streetScapeExitButton');
|
// this.exitContainer.click(() => {
|
// this.exit()
|
// })
|
// }
|
// }
|
