基于XAMPP、PostgreSQL的Web地图Web应用开发技术咨询

嘿，看起来你正在打造一个集成Web地图的应用，技术栈选的XAMPP+PostgreSQL+PHP+前端三件套很靠谱！我帮你把这段代码和相关信息整理成清晰的结构，方便你后续开发和排查问题~

• 本地开发环境：XAMPP
• 空间数据库：PostgreSQL（搭配PostGIS扩展，毕竟用到了ST_AsGeoJSON这个空间函数）
• 后端开发：PHP（采用PDO进行数据库连接，安全性和兼容性都不错）
• 前端实现：HTML、JavaScript、CSS

下面是补全后的完整PHP代码（你提供的片段里$feature=['type'=>'Feature'];之后的部分我帮你补全了常规的GeoJSON构建逻辑）：

<?php 
// 连接PostgreSQL数据库
$db = new PDO('pgsql:host=localhost; port=5432; dbname=webmap101;', 'postgres','password'); 
// 查询景点数据，同时将几何对象转为GeoJSON格式
$sql = $db->query("SELECT id,name,image,web,category, ST_AsGeoJSON(geom,5) as geom FROM cdmx_attractions ORDER BY name"); 

$features = [];
// 循环处理每一行查询结果
while ($row = $sql->fetch(PDO::FETCH_ASSOC)) { 
    $feature = ['type' => 'Feature'];
    // 填充Feature的属性信息
    $feature['properties'] = [
        'id' => $row['id'],
        'name' => $row['name'],
        'image' => $row['image'],
        'web' => $row['web'],
        'category' => $row['category']
    ];
    // 将数据库返回的GeoJSON字符串解析为JSON对象
    $feature['geometry'] = json_decode($row['geom']);
    // 将Feature加入数组
    $features[] = $feature;
}

// 组装成标准的GeoJSON FeatureCollection格式
$geojson = [
    'type' => 'FeatureCollection',
    'features' => $features
];

// 设置响应头为JSON格式，方便前端获取
header('Content-Type: application/json');
// 输出GeoJSON数据
echo json_encode($geojson);
?>

• 数据库连接安全：目前密码是硬编码在代码里的，建议改成从配置文件（比如config.ini）或者环境变量读取，避免敏感信息泄露。
• 空间数据处理：ST_AsGeoJSON(geom,5)中的5是坐标小数位数，你可以根据地图的缩放需求调整，位数越少数据量越小，加载速度越快。
• GeoJSON规范：构建的FeatureCollection是前端地图库（比如Leaflet、OpenLayers）通用的格式，前端可以通过AJAX请求这个PHP接口，直接把数据加载到地图上。
• 错误处理：可以给PDO连接和查询添加错误捕获逻辑，比如用try-catch包裹，方便排查数据库连接或查询失败的问题。

内容的提问来源于stack exchange，提问作者Guillem Puig comerma