如何在Bing Maps V8中禁用城市名称显示

你可以根据业务场景选择对应的配置方式：

• 初始化阶段直接配置
  实例化地图时传入两个核心参数即可实现需求：
  • labelsOverlay：控制文字标注显示状态，设为隐藏即可关闭所有地名类标注
  • culture：指定对应国家/地区的文化代码，地图会自动加载对应区域的显示规则
    参考代码：

  const map = new Microsoft.Maps.Map('#mapDom', {
    credentials: '你的Bing Maps密钥',
    // 隐藏所有文字标注（含城市名、区域名、POI名）
    labelsOverlay: Microsoft.Maps.LabelsOverlay.hidden,
    // 替换为目标区域文化码即可切换显示效果，例如en-US对应美国区、ja-JP对应日本区
    culture: 'en-US',
    zoom: 10,
    center: new Microsoft.Maps.Location(31.2304, 121.4737)
  });
  

• 地图加载完成后动态修改
  如果需要在页面运行时切换效果，直接调用地图实例的setOptions方法即可：

  // 动态隐藏标注
  map.setOptions({
    labelsOverlay: Microsoft.Maps.LabelsOverlay.hidden
  })
  // 动态切换区域显示
  map.setOptions({
    culture: 'ja-JP'
  })
  

如果你不需要隐藏所有标注，只想单独关掉城市名称、保留道路/水系等标注，不要使用全局隐藏参数，加载自定义样式模块单独关闭点位标注即可：

Microsoft.Maps.loadModule('Microsoft.Maps.CustomOverlay', () => {
  map.setOptions({
    customMapStyle: {
      elements: {
        // 仅关闭点位类标签，也就是城市、POI名称，保留道路、行政区等其他标注
        point: { labelVisible: false }
      }
    }
  })
})

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