如何设置Google地理区域的区域颜色？

问题描述：

是否可以为geomap设置颜色？如何设置Google地理区域的区域颜色？

另外我想听取关于地理编码解决方案中的替代方案的社区意见。

谢谢。

颜色是什么？你是用GPolygon制作自定义多边形还是什么？ – 2010-04-27 13:27:45

请阅读主题... – omoto 2010-05-03 18:16:10

答

可以设置geomap中使用的区域的颜色。这个API页面说明了一切：

http://code.google.com/apis/visualization/documentation/gallery/geomap.html

答

随着你的选择部分对象传递在十六进制为你想要的颜色。例如
options ['colors'] = [0XEBEBEB，0XA3D5F8];
会给你这两种颜色作为基础。

答

随着geomap的版本3（截至2014年1月8日） - 颜色从红色变为蓝色。

可以测试下面的代码here：

function drawVisualization() { 
    var data = google.visualization.arrayToDataTable([ 
    ['Country', 'Borat Sightings'], 
    ['United States', 3], 
    ['United Kingdom', 4], 
    ['Kazakhstan', 7] 
    ]); 
    var options = { 
     colors: [0xff0000, 0x0000ff] 
     }; 

    var geomap = new google.visualization.GeoMap(
     document.getElementById('visualization')); 
    geomap.draw(data, options); 
}

另外，MapBox是谷歌地图/地理分布图的替代品。

答

您可以自定义国家，世界地图，甚至背景的颜色。也检查：

private void functionMap() { 

        "<html xmlns=\"http://www.w3.org/1999/xhtml\"><head><meta http-equiv=\"Content-Type\" content=\"text/html,width=device-width,user-scalable=yes; charset=windows-1252\">\n" + 
        " <script type=\"text/javascript\" src=\"https://www.google.com/jsapi\"></script>\n" + 
        " <script type=\"text/javascript\">\n" + 
        "  google.load('visualization', '1', {'packages': ['geochart']});\n" + 
        "  google.setOnLoadCallback(drawRegionsMap);\n" + 
        "\n" + 
        "  function drawRegionsMap() {\n" + 
        "  var data = google.visualization.arrayToDataTable([\n" + 
        "   ['Country', ''],\n" 




        "  ]);\n" + 
        "\n" + 
        "  var options = {};\n" + 
        "\t\toptions = { \n" + 
        "     datalessRegionColor: '#29ABE2',\n" + 
        "\t\t\t\t backgroundColor: '#F3F3F3',\n" + 
        "\t\t\t\t\tcolorAxis: {colors: ['#0071BC']},\n" + 
        "     keepAspectRatio: false,     \n" + 
        "     legend: false,\n" + 
        "     tooltip: { textStyle: { color: '#0099CB', fontName: 'Arial', fontSize: '10'} }\n" + 
        "    };\n" + 
        "\t\t\n" + 
        "  var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));\n" + 
        "  chart.draw(data, options);\n" + 
        " };\n" + 
        " </script>\n" + 
        " </head>\n" + 
        " <body>\n" + 
        " <div id=\"chart_div\" style=\"width: 100%; height: 100%;\"><div style=\"position: relative;\"><div dir=\"ltr\" style=\"position: relative; width: 100%; height: 100%;\"><div style=\"position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;\"></div></div></div></div>\n" + 
        " \n" + 
        "</body></html>"; 

}

如何设置Google地理区域的区域颜色？

相关推荐