Azure Maps滚动时pin-blue图片解码失败问题求助

核心原因 #

该错误是由于绑定OnSourceAdded事件时，地图内部瓦片加载流程中传入了空的ArrayBuffer到图片解码方法所致。尽管你使用的是Azure Maps内置图标pin-blue，但全局的OnSourceAdded绑定会监听所有数据源的添加事件，包括地图瓦片的内部数据源，当瓦片加载出现异常（如空响应）时，就会触发图片解码失败的错误。

解决措施 #

• 移除全局OnSourceAdded绑定：如果不需要监听所有数据源的添加事件，直接移除该绑定即可彻底解决问题，这也是最直接的方案。
• 针对性监听自定义数据源：若需要处理自定义数据源的添加逻辑，不要使用全局事件，而是给你创建的自定义数据源单独绑定added事件：

  // 创建并添加自定义数据源
  var customDs = new DataSource();
  await map.Sources.Add(customDs);
  // 仅监听该自定义数据源的添加事件
  customDs.Added += (sender, args) => {
      // 执行你的自定义逻辑
  };
  

• 过滤内置数据源（临时方案）：如果必须保留全局绑定，可在事件处理中过滤掉Azure Maps的内置数据源（通常ID带有azure-maps-前缀）：

  function OnDatasourceAdded(event) {
      // 跳过内置数据源，仅处理自定义数据源
      if (!event.source.id.includes('azure-maps-')) {
          // 你的业务逻辑
      }
  }
  

补充说明 #

内置图标pin-blue本身不存在格式问题，错误完全源于全局事件绑定对地图内部瓦片加载流程的干扰。移除绑定后图标显示正常也验证了这一点——全局事件监听会捕获到内部瓦片数据源的异常加载事件，进而触发解码错误。

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