使用mapbox添加geojson文件并在地图中创建面

<script src="https://api.mapbox.com/mapbox-gl-js/v2.6.1/mapbox-gl.js"></script>
<link href="https://api.mapbox.com/mapbox-gl-js/v2.6.1/mapbox-gl.css" rel="stylesheet" />

<div id="map" style="width: 800px; height: 600px;"></div>

mapboxgl.accessToken = 'YOUR_ACCESS_TOKEN';
var map = new mapboxgl.Map({
  container: 'map',
  style: 'mapbox://styles/mapbox/streets-v11',
  center: [longitude, latitude], // 设置地图中心点的经纬度坐标
  zoom: 12 // 设置地图缩放级别
});

map.addSource('my-data', {
  type: 'geojson',
  data: 'path/to/your/geojson/file.geojson' // 替换为你的GeoJSON文件路径
});

map.addLayer({
  id: 'my-layer',
  type: 'fill',
  source: 'my-data',
  paint: {
    'fill-color': '#ff0000',
    'fill-opacity': 0.5
  }
});