次のようになります。私はGoogleのGeoChartを作るしようとしているGoogleのGeoChart

Question

上のテキスト

とマーカー：

しかし、問題は、私はマーカーをミックスすることが可能であるにもわからないんだけど、あるとそれらのテキスト。私にそれを与える

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

：

そして、それはかなり遠く、私が何をしたいからだ

は今の私のコードは次のようです。私はGoogleのapiをあきらめて、生のマップを背景として保持している大きなdivを作成し、マーカを対応する領域の真上に配置して背景として設定するテキストブロックとしてマーカーを作成することを考えました。しかし、画面のあらゆるサイズで見栄えを良くする悪魔自身の作品になります...

アイデア？ありがとう！ :)

Answer 1

custom markersまたはmarkers with labelsを追加するには、Google Maps JavaScript APIを使用します。後者はGoogle Maps APIの一部ではありません。

しかし、これはおそらく過剰なものです。私はむしろ、各領域をホバリングするときに数字が表示されるという事実を考えています。

また、色分けされた各領域を（数字に応じて）ハイライトしたい場合は、ポリゴンを描画する必要があります。また、GoogleではTMKのジオメトリを提供しないため、そのジオメトリを取得する必要がありますどこかから。