Javascript 谷歌地图上的文字标记

我正在尝试制作一幅谷歌地图，它应该是这样的：

但，问题是，我甚至不确定是否有可能把标记和文本混在一起

现在我的代码如下：

google.charts.load('current', {'packages':['geochart']});
google.charts.setOnLoadCallback(drawRegionsMap);

function drawRegionsMap() {

    var data = google.visualization.arrayToDataTable([
        ['Region', 'Gagnants'],
        ['Alsace', 6], ['Aquitaine', 1], ['Auvergne', 5], ['Basse-Normandie', 2], ['Bourgogne', 1], ['Bretagne', 7], ['Centre', 1], ['Champagne-Ardenne', 0], ['Corse', 9], ['Franche-Comté', 1], ['Haute-Normandie', 0], ['Île-de-France', 7], ['Languedoc-Roussillon', 0], ['Limousin', 7], ['Lorraine', 1], ['Midi-Pyrénées', 2], ['Nord-Pas-de-Calais', 53], ['Pays de la Loire', 7], ['Picardie', 0], ['Poitou-Charentes', 1], ['Provence-Alpes-Côte d\'Azur', 10], ['Rhône-Alpes', 21]
    ]);

    var options = {region: "FR",
        resolution: "provinces",
        colorAxis: {colors: ['#FFF9F7', '#FC4C13']}
    };

    var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));

    chart.draw(data, options);
}

这给了我：

这与我想要的相去甚远。我考虑放弃谷歌的api，创建一个大div，将原始地图作为背景，并将标记创建为文本块，将其放置在相应区域的正上方，并将红色标记设置为背景。但要让它在各种尺寸的屏幕上都好看，这将是魔鬼自己的工作

有什么想法吗？谢谢！：）

您可以使用添加或。请注意，后者不是GoogleMapsAPI的一部分

但所有这一切可能都有些过头了，我宁愿接受这样一个事实，即在每个区域悬停时，数字都是可见的

如果您还想在不同的阴影中高亮显示每个区域（取决于数字），则需要绘制多边形，而Google不会以任何方式提供它们的几何图形TMK，因此您需要从其他地方获取这些几何图形。

另请参阅