Google GeoChart地图：如何移除工具提示中的区域名称

我完全懂你的困扰——那些ISO 3166-2的省份代码在工具提示里确实显得格格不入，完全破坏了地图的用户体验。别担心，我们可以通过自定义tooltip角色列完全接管工具提示的内容，彻底移除那些默认的突兀代码。

核心解决方案思路 #

Google GeoChart默认会把区域的标识符（也就是你看到的ISO代码）自动塞进工具提示里，哪怕你尝试自定义内容也会默认追加。要解决这个问题，我们需要添加一个专门的tooltip角色数据列，用它来完全替代默认的提示内容。

修改后的完整代码示例 #

function drawRegionsMap() {
  var data = new google.visualization.DataTable();
  // 第一列保留ISO代码（GeoChart依赖它识别波兰的省份区域）
  data.addColumn('string', 'Województwo');
  // 你的数值数据列
  data.addColumn('number', 'Frekwencja');
  // 添加自定义Tooltip列：设置role为'tooltip'，支持HTML格式
  data.addColumn({type: 'string', role: 'tooltip', p: {html: true}});

  // 填充数据：第三列就是你要显示的自定义提示内容
  data.addRows([
    ['PL-DS', 65, '<div><strong>Województwo dolnośląskie</strong><br>Frekwencja: 65%</div>'],
    ['PL-KP', 72, '<div><strong>Województwo kujawsko-pomorskie</strong><br>Frekwencja: 72%</div>'],
    ['PL-LU', 68, '<div><strong>Województwo lubelskie</strong><br>Frekwencja: 68%</div>'],
    // 继续添加其他波兰省份的数据...
  ]);

  var options = {
    region: 'PL', // 指定渲染波兰地图
    resolution: 'provinces', // 省份级分辨率
    tooltip: { isHtml: true }, // 启用HTML工具提示，让自定义内容生效
    // 这里可以添加你的其他样式配置，比如颜色、字体等
  };

  var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));
  chart.draw(data, options);
}

关键细节说明 #

• 第一列的ISO代码不能丢：GeoChart需要靠这些代码（比如PL-DS）来正确匹配波兰的各个省份，但这个列的内容不会出现在自定义提示里。
• 自定义Tooltip列的作用：通过role: 'tooltip'标记的列，会完全覆盖GeoChart默认的提示内容，你可以自由编写纯文本或者HTML格式的提示，完全避开那些怪异的ISO代码。
• 纯文本提示的替代方案：如果不需要HTML样式，你可以去掉p: {html: true}和tooltip.isHtml: true，把第三列的内容改成纯文本，比如"Województwo dolnośląskie\nFrekwencja: 65%"。

额外注意点 #

确保你使用的波兰省份ISO代码是正确的（格式为PL-XX），比如马佐夫舍省是PL-MA、华沙省是PL-WA，如果代码错误，GeoChart会无法识别对应的区域哦。

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