skyline 系列 1 - 简介、下载

最新推荐文章于 2025-03-24 23:52:28 发布
原创 最新推荐文章于 2025-03-24 23:52:28 发布 · 1.3w 阅读 · 11 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#三维 #gis #数据 #软件 #skyline

1.官网：http://www.skylineglobe.com/

2.介绍

Skyline是一款优秀的三维GIS领域内的软件，相比于GoogleEarth，它的应用场景更侧重于行业内应用。目前Skyline的整个软件体包含了以下几种：

（1） TerraBuilder：主要用来生成地形数据

（2）TerraExplorer：主要用来浏览生成好的场景数据

（3）TerraGate：主要用来发布生成好的场景数据（包括地形和模型数据）

3.学习网站 http://www.skylinecn.com/portal.php

4.api   http://www.skylineglobe.com/skylineglobe/corporate/developer/dev_api.aspx

5.中文手册：参考下载网址 

                  TerraBuilder：  http://download.youkuaiyun.com/download/bitree1/10236335

                  TerraGate：  http://download.youkuaiyun.com/download/bitree1/10236325

                  pro二次开发手册：http://download.youkuaiyun.com/download/bitree1/10236318

6软件下载：http://www.skylinesoft.com/SkylineGlobe/corporate/Download/DownloadCenter.aspx

版本 6.6.1

TerraExplorer Pro

TerrainBuilder v6.6.1 with CityBuilder

TerraGate/SFS v6.6.1

7.下载许可

参考下载网址：http://download.youkuaiyun.com/download/bitree1/10236437

将不定期更新资源，欢迎持续关注

想获得更多的学习知识请关注微信公众号：西北码农或扫下方二维码

Skyline 网页的二维三维联动实现
关于位置与地图
04-21 3951
/* 说明：skyline和百度地图联动的效果 开发者：http://skyline.duapp.com 时间：2013.10.8 备注：版权所有请勿删除《开发者》 */ var sgworld; var map; function Init() { var flypath = "http://bcs.duapp.com/wordprees-bk/fly/wp0.FLY";
OpenStack 面板更替换代：Skyline Dashboard ＜-- Horizon 面板
fmclx的专栏
04-21 993
OpenStack 面板更替换代：Skyline Dashboard
Skyline Globe Server下载（中文）
12-03
Skyline Globe Server下载，Skyline发布服务安装包，最新版，请大家学习交流使用。
Skyline_Analysis65_ContourMap and SlopeMap
03-29
skyline 65新增的ContourMap和SlopeMap接口示例。
skyline软件
01-18
非常好用的三维地图承载系统，目前SKYLINE
skyline6.0.1
11-01
建模软件skyline，配合之前上传的帮助使用
微信小程序「 Skyline-Worklet-ios-Andorid 」项目实战-05
weixin_37638924的博客
03-24 346
首先抽屉组件滑动右显示时 我们不仅仅只是滑动iDrawer组件当前页面也需要向右滑动，所以这一章，开发页面滑动的逻辑。首先现在common.wxss上写一个公用样式。然后分别在搜首页、分类、探索页面最外层添加class="tab-page" 的公用css。页面滑动逻辑一样放在文件夹下的drawer.js中，在attached组件周期中添加一几行代码搞定🤝。
skyline-1533-release.apk
04-15
skyline-1533-release.apk
Skyline6.6 2016-11-18最新授权文件
11-23
Skyline6.6最新授权文件，有效期至 2016-11-18
安装NI 软件时报错：ni-skyline-smpt-service
最新发布
08-14
嗯，用户遇到了NI软件安装问题，具体报错是"ni-skyline-smpt-service"，这看起来像是Windows服务相关的错误。用户应该是在安装National Instruments的测试测量软件时遇到了阻碍，可能是工程师或科研人员，现在需要...
skyline7.0.2
01-29
skyline，实景三维模型查看工具，TerraExplorer，倾斜摄影测量，业类最先进的三维基础平台，官方最新版本
Skyline SG Server7.0.1安装包
07-31
Skyline SG Server7.0.1安装包，搭配软件更新说明，整合了TB与SFS与一体。
skyline入门教程
06-24
本教程适合skyline二次开发初学者 skyline 二次开发入门
Skyline 苹果客户端
06-13
Skyline的苹果端
skyLine6.1
03-22
skyLine6.1 三维浏览
【转】Skyline软件介绍
weixin_34194087的博客
11-18 633
一、软件性能总览 Skyline软件是利用航空影像、卫星数据、数字高程模型和其它的2D或3D信息源，包括GIS数据集层等创建的一个交互式环境。它能够允许用户快速的融合数据、更新数据库，并且有效地支持大型数据库和实时信息流通讯技术，此系统还能够快速和实时地展现给用户3D地理空间影像。Skyline是独立于硬件之外、多平台、多功能一套软件系统。 Skyline软件系列产品为网络和非网...
SkyLine简介
PHP代码的博客
05-31 2617
SkyLine产品系列（TerraExplorer 、TerraGate、TerraBuilder）是一套优秀的三维数字地球平台软件。
Skyline三维地理信息系统软件平台
狂野之城
06-06 5356
<br />    美国Skyline软件系统有限公司（Skyline Software Systems, Inc.）成立于1997年，是世界领先的三维地球可视化软件供应商及服务商。公司提供全面的软件平台、工具和服务，使用户能够创建和分发具有真实照片质感的三维交互虚拟场景。公司总部位于美国弗吉尼亚州的尚蒂伊。<br />    Skyline软件是利用航空影像、卫星数据、数字高程模型和其它的2D或3D信息源，包括GIS数据集层等创建的一个交互式环境。它能够允许用户快速的融合数据、更新数据库，并且有效地支持大
uniapp使用skyline的draggable-sheet组件
06-17
<think>我们正在讨论的是UniApp中使用Skyline的draggable-sheet组件。由于Skyline是微信小程序新的渲染引擎，而draggable-sheet是一个可拖动的底部面板组件，类似于微信小程序中的movable-view，但提供了更现代和流畅的体验。由于UniApp支持编译到微信小程序，并且Skyline是微信小程序的基础库版本要求较高的功能，因此我们需要确保项目设置正确。步骤：1.确保项目的基础库版本支持Skyline（微信基础库版本>=3.0.0，建议使用最新版本）2.在pages.json中配置页面启用Skyline渲染3.在页面中使用draggable-sheet组件注意：draggable-sheet组件是微信小程序原生组件，在UniApp中可以通过使用微信小程序的原生组件语法来使用（需要开启`usingComponents`）。具体步骤：1.在manifest.json中配置微信小程序使用的基础库版本（建议设置为最新）在"mp-weixin"设置中添加："setting":{"urlCheck":false,"es6":true,"postcss":true,"minified":true,"newFeature":true},"libVersion":"latest",//或者指定一个较高的版本，如"3.0.0"2.在pages.json中，为需要使用Skyline的页面配置"renderer":"skyline"，同时整个项目需要配置"globalStyle"中的"renderer"为"skyline"（如果所有页面都用skyline）或者单独页面配置。例如，全局启用："globalStyle":{"renderer":"skyline"},或者单独页面："pages":[{"path":"pages/index/index","style":{"renderer":"skyline"}}]3.在需要使用draggable-sheet组件的页面，配置usingComponents引入组件。在页面的vue文件中，需要在`<script>`标签中声明使用该组件（注意：由于是原生组件，需要写全路径）：```json{"usingComponents":{"draggable-sheet":"/path/to/draggable-sheet"//注意：这里需要填写组件的正确路径，但微信小程序官方文档中并没有直接提供draggable-sheet组件？这里可能需要重新考虑。}}```然而，目前（截至2023年）微信小程序官方并没有直接提供名为`draggable-sheet`的组件。在Skyline中，我们通常使用`movable-view`和`movable-area`来实现可拖动效果，或者使用微信官方提供的扩展组件库（如WeUI组件库）中的底部弹出层。经过查询，实际上在微信小程序的Skyline文档中，并没有一个叫做`draggable-sheet`的内置组件。可能用户指的是类似社区中常用的可拖拽底部面板组件，或者是由第三方提供的组件。因此，我们需要调整：在UniApp中使用Skyline渲染模式，并且使用一个可拖拽的底部面板，我们可以选择：-使用微信官方的扩展组件库（如WeUI）中的`half-screen-dialog`（半屏弹窗）或者自己实现一个类似的可拖拽面板。-自己使用`movable-view`和`movable-area`来实现。但是，考虑到用户明确提到了`draggable-sheet`，可能是参考了其他框架（如Taro）中的组件名称，或者是社区组件。在UniApp中，我们可以使用一个类似的社区组件，或者自己实现。由于UniApp的插件市场可能有相关组件，但这里我们主要讲解如何自己实现。自己实现可拖拽底部面板：我们可以使用`movable-area`和`movable-view`来模拟一个可拖拽的面板。注意，在Skyline渲染引擎下，这些组件的使用和WebView渲染引擎下是一致的。示例代码：在vue文件中：```html<template><view><!--触发按钮--><button@click="showSheet=true">打开底部面板</button><!--可拖拽面板--><movable-areaclass="movable-area"v-if="showSheet"><movable-viewclass="movable-view"direction="vertical":y="y"@change="onChange"><!--拖拽把手--><viewclass="drag-handle"></view><!--面板内容--><viewclass="sheet-content"><!--这里放你的内容--><viewv-for="itemin20":key="item">列表项{{item}}</view></view></movable-view></movable-area></view></template><script>exportdefault{data(){return{showSheet:false,y:0//初始位置，0表示完全展开，根据实际需要设置初始值};},methods:{onChange(e){//根据拖动位置更新y值this.y=e.detail.y;}}};</script><style>.movable-area{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);/*半透明背景*/z-index:999;}.movable-view{width:100%;height:70%;/*面板高度，可以根据需要调整*/background-color:#fff;border-top-left-radius:20rpx;border-top-right-radius:20rpx;position:absolute;bottom:0;}.drag-handle{width:100rpx;height:10rpx;background-color:#ccc;border-radius:10rpx;margin:20rpxauto;}.sheet-content{padding:20rpx;height:calc(100%-60rpx);/*减去把手区域*/overflow-y:auto;}</style>```说明：-当用户点击按钮时，显示底部面板（通过`showSheet`控制）。-`movable-area`作为拖拽区域，覆盖整个屏幕，并有一个半透明背景。-`movable-view`作为可拖拽的面板，设置`direction`为垂直方向，并绑定`y`值（面板的垂直位置）。-在`movable-view`内部，我们添加了一个拖拽把手（一个横条）和内容区域。-通过监听`change`事件，更新面板的位置。注意：这个实现是一个基本示例，可能需要根据实际需求调整（例如，支持在拖拽到一定位置时关闭面板，或者设置多个停靠位置）。优化：-可以添加触摸结束事件（`@touchend`）来判断释放面板时应该完全展开还是收起（关闭）。-可以设置多个停靠点（如底部、中间、顶部），通过计算拖拽后的位置自动吸附到最近的停靠点。由于用户要求使用`draggable-sheet`组件，而实际上我们使用的是`movable-view`，所以这里需要说明。另外，如果用户希望使用现成的组件，可以到UniApp插件市场搜索“拖拽面板”、“可拖动底部弹窗”等关键词，可能会有封装好的组件。由于Skyline是新的渲染引擎，确保使用的组件兼容Skyline模式。最后，关于引用：由于我们没有引用外部资料，所以不需要添加引用标识。但是，如果用户需要更详细的信息，可以参考微信小程序官方文档关于`movable-view`的部分[^1]。相关问题：1.如何在UniApp中启用Skyline渲染引擎？2.除了`movable-view`，还有哪些方法可以实现可拖拽面板？3.如何优化可拖拽面板的性能，特别是在长列表中的表现？[^1]:微信小程序官方文档-movable-view:https://developers.weixin.qq.com/miniprogram/dev/component/movable-view.html</think>以下是在 UniApp 中使用 Skyline 的 `draggable-sheet` 组件的详细教程和示例： ### 一、环境准备 1. **基础库版本** 确保 `manifest.json` 中微信小程序基础库 ≥ 3.0.0： ```json "mp-weixin": { "appid": "你的小程序ID", "setting": { "urlCheck": false, "minified": true, "postcss": true }, "usingComponents": true, "libVersion": "3.0.0" // 关键配置 } ``` 2. **启用 Skyline** 在 `pages.json` 中为页面启用渲染引擎： ```json { "pages": [ { "path": "pages/index/index", "style": { "renderer": "skyline", // 启用Skyline "navigationBarTitleText": "Draggable Sheet" } } ] } ``` --- ### 二、组件使用教程 #### 1. 基本结构 ```html <template> <view> <!-- 触发按钮 --> <button @tap="openSheet">打开面板</button> <!-- draggable-sheet组件 --> <draggable-sheet :show="showSheet" :points="[400, 200, 0]" // 停靠点（单位rpx） @binddragend="onDragEnd" @bindchange="onStateChange" > <!-- 面板内容 --> <view class="sheet-content"> <text>可拖拽面板内容</text> <button @tap="closeSheet">关闭</button> </view> </draggable-sheet> </view> </template> ``` #### 2. 逻辑控制 ```javascript <script> export default { data() { return { showSheet: false, // 控制显示 } }, methods: { openSheet() { this.showSheet = true; }, closeSheet() { this.showSheet = false; }, onDragEnd(e) { console.log('拖拽结束位置:', e.detail.y); }, onStateChange(e) { console.log('当前状态:', e.detail.state); // state取值: expanded(展开)/collapsed(收起)/hidden(隐藏) } } } </script> ``` #### 3. 样式优化 ```css <style> /* 面板内容样式 */ .sheet-content { padding: 30rpx; height: 100%; background: #fff; border-top-left-radius: 24rpx; border-top-right-radius: 24rpx; } /* 拖拽手柄 */ .draggable-sheet__handle { height: 8rpx; width: 100rpx; background: #eee; border-radius: 10rpx; margin: 20rpx auto; } </style> ``` --- ### 三、关键特性说明 1. **停靠点配置** `:points` 数组定义 Y 轴停靠位置（从大到小）： ```html <draggable-sheet :points="[600, 300, 0]"> ``` - 600rpx：展开高度 - 300rpx：半折叠高度 - 0：完全隐藏 2. **事件监听** - `binddragend`：拖拽结束事件 - `bindchange`：状态变化事件 - `bindheightchange`：高度变化事件 3. **性能优化** 在内容区域使用 `<scroll-view>` 避免长列表卡顿： ```html <draggable-sheet> <scroll-view scroll-y style="height:100%"> <!-- 长列表内容 --> </scroll-view> </draggable-sheet> ``` --- ### 四、常见问题解决 1. **组件不显示** - 检查 `libVersion` ≥ 3.0.0 - 确认 `renderer: "skyline"` 已配置 - 确保 `show` 值初始为 `true` 测试 2. **拖拽卡顿** 避免在面板内使用高渲染成本组件，可添加 `:enable-passive="true"`： ```html <draggable-sheet :enable-passive="true"> ``` 3. **动态修改高度** 通过 `points` 响应式更新： ```javascript // 根据屏幕高度动态设置 this.points = [uni.getSystemInfoSync().windowHeight - 100, 300, 0]; ``` > 官方文档参考：[微信小程序 draggable-sheet 组件文档](https://developers.weixin.qq.com/miniprogram/dev/component/draggable-sheet.html)[^1] --- ### 完整示例代码 ```html <template> <view class="container"> <button @tap="showSheet = true">打开设置面板</button> <draggable-sheet :show="showSheet" :points="points" @bindchange="handleStateChange" > <view class="sheet-header"> <view class="drag-handle"></view> <text>系统设置</text> </view> <scroll-view scroll-y class="content-list"> <view v-for="i in 20" :key="i" class="item">选项 {{ i }}</view> </scroll-view> <button class="close-btn" @tap="showSheet = false">关闭</button> </draggable-sheet> </view> </template> <script> export default { data() { return { showSheet: false, points: [650, 300, 0] // 根据需求调整 } }, methods: { handleStateChange(e) { if (e.detail.state === 'hidden') { this.showSheet = false; } } } } </script> <style> .drag-handle { width: 100px; height: 6px; background: #ccc; border-radius: 3px; margin: 15px auto; } .content-list { height: 80vh; padding: 0 20px; } .item { padding: 20px 0; border-bottom: 1px solid #eee; } .close-btn { margin-top: 20px; } </style> ```
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值