mapboxGL中sprite的前端生成

概述

在前面的文章讲述了mapboxGL中的sprite以及其java中的生成方式,本文将结合Promise讲讲其前端的生成方式。

效果

image.png

实现思路

  1. 通过新建一个Image,并拿到image的宽和高,动态的计算canva的大小;
  2. 结合Promise.all实现sprite.json的输出;

实现

1. 生成图标库




  
  sprite.json
  






2. 前端引用




  
  Title
  
  


你可能感兴趣的:(mapboxGL中sprite的前端生成)