Scattermapbox取消选中元素时clickData回调未触发问题问询

问题原因 #

Plotly的clickData属性原生仅在新选中地图元素时触发更新，取消选中（点击空白区域、再次点击已选中元素）的操作不会修改clickData的值，因此仅监听clickData的回调无法触发。

解决方案 #

• 方案1：将回调的监听对象改为selectedData属性
  开启clickmode='event+select'后，selectedData会同步当前所有选中元素的信息，取消选中时selectedData会直接返回None，天然覆盖选中、取消选中两种场景。
  示例回调逻辑（Dash框架）：

  @app.callback(
      Output('output-component-id', 'target-property'),
      Input('scattermapbox-component-id', 'selectedData')
  )
  def handle_map_select(selected_data):
      if selected_data is None:
          # 此处编写取消选中后的处理逻辑
          return cancel_selected_result
      # 此处编写选中后的处理逻辑
      return selected_result
  

• 方案2：保留clickData监听的兼容方案
  如果现有逻辑高度依赖clickData，可以新增一个dcc.Store组件存储当前选中状态，每次clickData触发时判断当前点击的元素是否为已选中元素：如果是则执行取消选中逻辑，同时更新存储的状态为未选中；如果不是则执行选中逻辑，更新存储的状态为当前选中元素信息。

注意事项 #

如果需要支持多点点选，可额外监听Scattermapbox的selectedpoints属性，结合selectedData做更精细化的状态判断。

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