javascript - 如何显示带有城市名称的标记 - Google Geochart

Question

如何显示带有标记的名称，目前只有 1 个选项可以在“标记”或“文本”之间进行选择。如果我选择“文本”，则文本单击上没有单击选项。可以在 map 上同时显示两者吗？如果没有，那么我们可以在文本上添加点击事件吗？

var dataCities = google.visualization.arrayToDataTable([
            ['City', ''],
            ['Lahore', 1],
            ['Karachi', 1],
            ['Islamabad', 1],
            ["Gilgit", 1]
        ]);

        var options = {
            region: 'PK',
            displayMode: 'text',
            width: 834,
            height: 521,
            backgroundColor: '#fff',
            datalessRegionColor: '#9bd5e1',
            defaultColor: '#fff',
            legend: 'none',
            showTooltip: true,
            showInfoWindow: true,
            sizeAxis: {
                minValue: 0,
                maxValue: 5
            },

            colorAxis: {
                colors: ['#739FA8', '#739FA8', '#739FA8', '#739FA8', '#739FA8']
            }

        };

function myClickHandler() {
            var city = '';
            var selection = chart.getSelection();
            if (selection.length > 0) {
                city = dataCities.og[selection[0].row].c[0].v;
                //alert(data.getValue(selection[0].row, 0));
                document.getElementById('location').innerHTML = '';
                document.getElementById('location').innerHTML = countryCity + ' , ' + city;
            }
        }
        var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));

        google.visualization.events.addListener(chart, 'select', myClickHandler);
        chart.draw(dataCities, options);

这是 fiddle :jsfiddle

Answer 1

您可以尝试将地理图表设置为在地理图表中包含省份。

    var options = {
      region: 'IT',
      resolution: 'provinces',
      displayMode: 'text',
      colorAxis: {colors: ['green', 'blue']},
      sizeAxis: {minSize: 12, maxSize:20},
      enableRegionInteractivity: true   
    };

然后您只需添加 regionClick 事件处理程序即可将其发送到您的 myClickHandler() 方法。

  google.visualization.events.addListener(chart, 'regionClick', myClickHandler); 
  chart.draw(data, options);

这是您的 example 的更新版本我对你的代码的修改。