Docker部署Tileserver-gl：自定义/移除登陆页及标记功能咨询

1. 快速禁用初始页（通过config.json） #

TileServer-GL支持通过配置文件直接关闭默认的初始项目选择页。在你的config.json中添加或修改ui字段：

{
  "ui": false
}

设置后，访问服务器会直接进入地图预览界面，跳过初始的选择/登录步骤。如果需要保留部分UI元素（比如地图控件），可以精细化配置ui的子项：

{
  "ui": {
    "logo": false,
    "menu": false,
    "attribution": false
  }
}

这种方法无需额外开发，适合快速解决非技术用户的操作困惑。

2. 完全替换为自定义页面 #

如果需要用自己的页面完全替代初始页，按以下步骤操作：

• 找到TileServer-GL的静态文件目录：本地安装时通常是程序目录下的public文件夹；Docker部署时可以挂载自定义目录。
• 将你的自定义HTML页面命名为index.html，替换原目录下的默认初始页文件。
• 若要保留TileServer-GL的瓦片服务功能，可在自定义页面中通过Leaflet、Mapbox GL JS等库调用瓦片接口。示例核心代码（Mapbox GL JS）：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>我的自定义地图</title>
  <script src="https://api.mapbox.com/mapbox-gl-js/v2.15.0/mapbox-gl.js"></script>
  <link href="https://api.mapbox.com/mapbox-gl-js/v2.15.0/mapbox-gl.css" rel="stylesheet">
  <style>
    body { margin: 0; padding: 0; }
    #map { width: 100vw; height: 100vh; }
  </style>
</head>
<body>
  <div id="map"></div>
  <script>
    const map = new mapboxgl.Map({
      container: 'map',
      style: 'http://你的服务器地址/styles/bright-v9/style.json', // 替换为你的TileServer样式路径
      center: [116.397, 39.908], // 自定义初始中心点
      zoom: 10
    });

    // 在这里添加你的标记功能代码（比如监听点击事件添加带描述、图片的标记）
    map.on('click', (e) => {
      // 示例：添加带弹窗的标记
      new mapboxgl.Marker()
        .setLngLat(e.lngLat)
        .setPopup(new mapboxgl.Popup().setHTML('<h3>自定义标记</h3><p>这里是描述内容</p><img src="你的图片地址" width="100">'))
        .addTo(map);
    });
  </script>
</body>
</html>

3. Docker部署时的静态目录配置 #

如果用Docker运行TileServer-GL，可通过挂载本地目录替换默认静态文件，命令示例：

docker run -v /本地路径/自定义public目录:/usr/src/app/public -p 8080:8080 maptiler/tileserver-gl

容器会优先使用你挂载目录中的页面文件。

内容的提问来源于stack exchange，提问作者Buzzkillionair