mapbox绘制矩形

Mapbox 是一款强大的地图开发平台，其 SDK 提供了丰富的功能，包括绘制几何图形，如矩形。在 Mapbox GL JS（JavaScript 版本）或 Mapbox Android/iOS SDK 中，你可以使用 `circle` 或 `fill` 图层来绘制矩形。

1. **绘制矩形（Rectangle）：**
使用 `fill` 图层，你可以创建具有填充颜色的矩形。首先，你需要定义一个矩形特征（geojson），例如：

   {
     "type": "Feature",
     "geometry": {
       "type": "Polygon",
       "coordinates": [[
         [lon1, lat1],
         [lon2, lat1],
         [lon2, lat2],
         [lon1, lat2],
         [lon1, lat1]
       ]]
     }
   }

在 JavaScript 中，可以用 `L.mapbox.featureLayer()` 创建图层，并传入这个geojson：

   L.mapbox.featureLayer({
     type: 'Feature',
     geometry: {
       type: 'Polygon',
       coordinates: [[...]]
     },
     properties: {
       'fill-color': '#008837',
       'fill-opacity': 0.7,
       'stroke-width': 2,
       'stroke-color': '#fff'
     }
   }).addTo(map);

2. **可交互的矩形：**
如果想要用户能够交互（如点击、拖拽等），你可以用 `rectangle` 图层配合鼠标事件：

   L.mapbox.rectangle({
     bounds: [[lat1, lon1], [lat2, lon2]], // 矩形边界
     color: '#8B4513', // 边框颜色
     weight: 2, // 边框宽度
     fillOpacity: 0.2, // 填充透明度
     clickable: true,
     fill: false
   }).addTo(map);