通过网页菜单调取postgis空间数据库数据，并在mapbox上显示，请给出一个示例代码

在Web应用中，通常使用JavaScript库如Leaflet或Mapbox GL JS结合PostgreSQL（通过其GIS扩展PostGIS）来获取和展示地图数据。以下是一个简单的示例，展示了如何使用Mapbox GL JS加载从PostGIS数据库查询的数据：

// 首先，你需要安装axios用于HTTP请求，以及mapbox-gl-js库
// 安装命令：npm install axios mapbox-gl

import axios from 'axios';
import mapboxgl from 'mapbox-gl';

mapboxgl.accessToken = 'YOUR_MAPBOX_ACCESS_TOKEN'; // 替换为你自己的Mapbox Access Token

// 假设你有一个函数，连接到PostgreSQL并执行SQL查询
async function fetchGeoData() {
  try {
    const response = await axios.post(
      'http://your-postgis-server/api/query', // 你的PostGIS服务器地址
      {
        sql: `SELECT * FROM your_table_name;`, // SQL查询语句
        type: 'json' // 返回JSON格式结果
      },
      { headers: { 'Content-Type': 'application/json' } }
    );
    
    const data = response.data.features; // 获取返回的地理信息特征数据
    
    // 渲染地图
    mapboxgl.accessToken = 'YOUR_MAPBOX_ACCESS_TOKEN'; // 可能需要全局设置access token
    const map = new mapboxgl.Map({
      container: 'map',
      style: 'mapbox://styles/mapbox/streets-v11', // 使用默认街道风格
      center: [-74.5, 40], // 设置初始中心点坐标
      zoom: 9 // 初始缩放级别
    });

    // 添加GeoJSON数据到地图
    for (const feature of data) {
      const geometry = feature.geometry;
      const marker = new mapboxgl.Marker()
        .setLngLat(geometry.coordinates)
        .addTo(map);
      if (geometry.type === 'Point') {
        marker.setPopup(new mapboxgl.Popup().setHTML(feature.properties.description));
      } else {
        map.addLayer({
          id: 'polygons',
          type: 'fill',
          source: {
            type: 'geojson',
            data: { features: [feature] }
          },
          layout: {
            'fill-color': '#8e008e',
            'fill-opacity': 0.7,
            'stroke-color': '#f3f3f3',
            'stroke-width': 2,
            'stroke-opacity': 0.6
          }
        });
      }
    }
  } catch (error) {
    console.error('Error fetching data:', error);
  }
}

// 调用fetchGeoData函数开始数据获取和地图渲染
fetchGeoData();

这个例子假设你在PostGIS中有一个表（`your_table_name`），并且你想显示它的点（Point）和线（LineString/Polygon）数据。请注意，这只是一个基本示例，实际项目中你可能需要处理更多的细节，比如错误处理、分页查询等。