Skip to content

图片加载器

在地图上打点时,有两种方法:1)使用Marker;2)使用SymbolLayer

Marker

  • 优点
    • 此种方法灵活,只要能在网页上渲染的元素都可以用来打点
  • 缺点
    • 会创建DOM元素,点数量多了以后,占用大量内存,导致页面卡顿
    • 不能实现点聚合,展开效果

SymbolLayer

  • 优点
    • 无需创建DOM元素,适合点数量多的时候使用
    • 可以实现聚合展开效果
  • 缺点
    • 使用图标时,需要配合图片加载器,略显繁琐

图片加载器

所有的图片加载器都是为了配合SymbolLayer打点使用,本组件库提供了如下加载器

  • ImageLoader,静态图片加载器,可用来加载png,jpg,svg等格式
  • ImageGifLoader,可用来加载gif动画,使用omggif库实现
  • ImageLottieLoader,可用来加载lottie动画,需要应用程序使用lottie-web库配合使用
  • ImageApngLoader,可用来加载APNG动画,使用apng-js库实现
  • ImageFrameLoader,可用来加载帧动画
  • VideoMp4Loader,可用来加载H.264编码的Mp4视频,使用mp4box库实现(此加载器有诸多限制,请谨慎使用)