如何在Superset中修复deck.gl散点地图异常及自定义悬浮信息

一、地图显示异常排查 #

• 检查经纬度数据类型：确保longitude和latitude是数值型（FLOAT/DOUBLE），别是字符串。要是列类型不对，直接去数据集编辑页面改，字符串格式的坐标deck.gl解析不了，肯定显示乱。
• 核对经纬度范围：确认经度在[-180, 180]、纬度在[-90, 90]之间，超出这个范围的点会被过滤，自然看不到。
• 检查图层配置：在可视化的deck.gl设置里，确认Longitude Column选了longitude，Latitude Column选了latitude，别选错列。另外可以调大Radius参数，避免点太小看不见。
• 验证底图加载：要是底图没加载出来，也会显得异常。可以切换底图提供商，比如从Mapbox换成OpenStreetMap，在可视化的底图设置里改就行。

二、把鼠标悬浮提示改成x_id #

• 打开deck.gl Scatterplot的编辑页面，找到Tooltip配置区（一般在面板下方）。
• 关掉自动生成tooltip的选项，选Custom Tooltip自定义模式。
• 在自定义模板框里输入以下内容，直接绑定x_id字段：

  <div>
    <p>ID: {{ x_id }}</p>
  </div>
  

• 保存配置后刷新页面，鼠标悬浮点的时候就会显示x_id，替代原来的经纬度信息。

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