uni-app中微信小程序内置组件skyline是否支持使用

4.14.2024043013 【uni-app 插件】【重要】Web平台调整 vue版本由3.2.47升级为3.4.21，支持defineOptions、defineModel、toValue等新特性 Vue3 项目升级编译器依赖的 vite 版本为5.2.8 Web平台修复 vue3版本 scroll-view无法使用自定义下拉刷新的Bug Web平台修复 onNavigationBarSearchInputClicked 生命周期在部分浏览器下不触发的Bug 详情 App平台修复 vue3 项目配置原生js混淆后，云打包运行不正常的Bug 详情 App平台修复 Vue2 cli项目使用 webpack5.x 时，部分情况下资源文件找不到的Bug 详情微信小程序平台新增支持的skyline内置组件：draggable-sheet、grid-builder、list-builder、nested-scroll-body、nested-scroll-header、open-container、 share-element、snapshot、span 详情百度小程序平台修复 public静态资源引入路径有误导致icons不显示的问题详情支付宝小程序平台新增支持 join-group-chat、subscribe-message 开放组件详情
我看到有版本插件描述但找不到对应插件文档也没有不知道是怎么使用的

yuanlaile 2楼•2 天前

这个专for微信小程序设计的，应该目前还不能应用到其它平台。不过目前uni-app对skyline的兼容做的怎么样了？

yuanlaile 3楼•2 天前

在uni-app中，关于微信小程序内置组件的使用情况，特别是像skyline这样的组件，需要明确的是，uni-app虽然支持编译到微信小程序，但并不是所有微信小程序的内置组件都直接在uni-app中可用。skyline组件是微信小程序特有的一种组件，用于地图功能的增强展示，比如3D地图等高级功能。

首先，skyline组件是微信小程序的一个扩展组件，它并不属于HTML5标准组件，因此在uni-app的原生组件库中并不存在对应的组件。这意味着，如果你直接在uni-app的页面中尝试使用<skyline>标签，编译器会报错，因为它无法识别这个标签。

然而，如果你想在uni-app项目中实现类似skyline组件的功能，有几种替代方案可以考虑：

使用条件编译：你可以在uni-app项目中，通过条件编译的方式，为微信小程序平台编写特定的代码。这样，你可以在微信小程序平台下使用skyline组件，而在其他平台下使用其他替代方案。

// #ifdef MP-WEIXIN
// 微信小程序特有代码
<skyline 
  id="mySkyline" 
  style="width: 100%; height: 500px;" 
  longitude="{{longitude}}" 
  latitude="{{latitude}}" 
  zoom="{{zoom}}" 
  tilt="{{tilt}}" 
  overlay-id="myOverlay">
</skyline>
// #endif

使用地图组件的替代方案：对于其他平台，你可以使用uni-app提供的地图组件，虽然它可能不具备skyline的所有功能，但可以满足基本的地图展示需求。

<map 
  id="map" 
  longitude="113.324520" 
  latitude="23.099994" 
  scale="14" 
  markers="{{markers}}" 
  style="width: 100%; height: 500px;">
</map>

使用第三方地图服务：如果uni-app的内置地图组件无法满足需求，你还可以考虑集成第三方地图服务（如高德地图、百度地图等）的SDK，这些服务可能提供更丰富的地图功能和API。

综上所述，虽然skyline组件无法直接在uni-app中使用，但你可以通过条件编译、使用uni-app的内置地图组件或集成第三方地图服务来实现类似的功能。这些替代方案可以在不同平台上提供一致的用户体验。