mapboxgl 加载geoserver发布的pbf服务，并定义线和点样式

要加载Geoserver发布的PBF服务并定义线和点样式，您可以按照以下步骤进行操作：

1. 首先，确保您已经在Mapbox GL JS中创建了一个地图实例，比如`var map = new mapboxgl.Map({ ... });`。

2. 然后，使用`map.addSource()`方法添加PBF服务作为地图的源。请注意，PBF服务需要使用`vector`类型的源。

map.addSource('geoserver-source', {
  type: 'vector',
  tiles: ['http://your-geoserver-url.com/{z}/{x}/{y}.pbf'],
  minzoom: 0,
  maxzoom: 14
});

3. 接下来，在`map.addLayer()`方法中添加线和点的样式图层。您可以使用`line-layer`和`symbol-layer`来定义线和点的样式。

// 线样式图层
map.addLayer({
  id: 'line-layer',
  type: 'line',
  source: 'geoserver-source',
  'source-layer': 'name-of-pbf-layer', // PBF服务中的图层名称
  paint: {
    'line-color': '#ff0000',
    'line-width': 2
  },
  filter: ['==', '$type', 'LineString'] // 过滤只显示线要素
});

// 点样式图层
map.addLayer({
  id: 'point-layer',
  type: 'circle',
  source: 'geoserver-source',
  'source-layer': 'name-of-pbf-layer', // PBF服务中的图层名称
  paint: {
    'circle-color': '#00ff00',
    'circle-radius': 5
  },
  filter: ['==', '$type', 'Point'] // 过滤只显示点要素
});

在上述示例中，请将`'http://your-geoserver-url.com/{z}/{x}/{y}.pbf'`替换为您的Geoserver发布的PBF服务的URL。另外，请将`'name-of-pbf-layer'`替换为您在PBF服务中想要加载的图层名称。

通过以上步骤，您可以加载Geoserver发布的PBF服务，并定义线和点的样式。请根据您的需求调整样式属性，比如线的颜色、宽度，点的颜色、半径等。