2

ジオマップの色を設定することは可能ですか?

また、Geo Coding ソリューションの代替案についてコミュニティの意見を聞きたいと思います。

ありがとう。

4

4 に答える 4

1

ジオマップで使用する領域の色を設定することができます。このAPIページでは、すべてについて説明しています。

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

于 2010-07-15T20:42:37.640 に答える
1

geomap のバージョン 3 (2014 年 1 月 8 日現在) - 色が赤から青にフェードします。

ここで次のコードをテストできます。

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は googlemaps / geomap の代替手段です。

于 2014-01-08T22:36:22.353 に答える
0

国、世界地図、さらには背景の色をカスタマイズできます。また、チェックしてください：

 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>";

}
于 2015-10-14T05:26:51.033 に答える
0

オプション オブジェクトの一部として、必要な色の 16 進数を渡します。たとえば、
options['colors']=[0XEBEBEB,0XA3D5F8];
これらの 2 色をベースとして提供します。

于 2011-12-02T00:42:47.880 に答える