Markierungen mit Text auf einem Google GeoChart

Question

Ich versuche, eine Google GeoChart zu machen, die wie folgt aussehen:

Aber Problem ist, ich bin nicht einmal sicher, ob es möglich ist, Markierungen zu mischen und Text in ihnen.

Im Moment ist mein Code wie folgt vor:

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); 
} 

Was mir das gibt:

Und das ist ziemlich weit von dem, was ich will. Ich dachte darüber nach, auf Googles API aufzugeben und ein großes Div zu erstellen, das die rohe Map als Hintergrund hält und die Marker als Textblock erstellt, um sie direkt über der entsprechenden Region zu positionieren und die rote Markierung als Hintergrund festzulegen. Aber es wird die eigene Arbeit des Teufels sein, damit es auf jeder Bildschirmgröße gut aussieht ...

Irgendwelche Ideen? Vielen Dank ! :)

Answer 1

Sie könnten die Google Maps JavaScript API verwenden, um custom markers oder markers with labels hinzuzufügen. Beachten Sie, dass Letzteres nicht Teil der Google Maps-API ist.

Aber all dies ist wahrscheinlich zu viel, ich würde lieber mit der Tatsache leben, dass Zahlen sichtbar sind, wenn Sie jede Region schweben.

Wenn Sie auch jede Region in einer anderen Farbe (abhängig von Zahlen) markieren möchten, müssen Sie Polygone zeichnen und Google stellt ihre Geometrie in keiner Weise TMK bereit, daher müssten Sie diese Geometrien abrufen von woanders.