首页 > 解决方案 > 获取 Mapbox 绘制形状为 CSS

问题描述

遵循本教程:我已经在我创建的地图上实现了 Mapbox 的绘图功能。

我想获取用户绘制的形状并将其显示为 css(或 svg)形状。

draw = new MapboxDraw({
  displayControlsDefault: false,
  controls: {
    polygon: true,
    trash: true
  },
  defaultMode: 'draw_polygon'
});

map.addControl(draw);

上面的代码,其中 map 是 mapboxgl 地图,工作正常。用户可以在地图上绘制多边形形状。使用 Turfjs,我可以获得用户绘制的区域或坐标。但我不确定如何将此形状转换为 css 或 svg 形状以在地图外使用。有任何想法吗?

标签: cssmapboxmapbox-glturfjs

解决方案


推荐阅读