Javascript 如何在Google geomap上设置区域颜色?
可以为geomap设置颜色吗 我还想听听社区对地理编码解决方案替代方案的意见Javascript 如何在Google geomap上设置区域颜色?,javascript,google-maps,geomap,Javascript,Google Maps,Geomap,可以为geomap设置颜色吗 我还想听听社区对地理编码解决方案替代方案的意见 谢谢。可以为geomap中使用的区域设置颜色。此API页面解释了所有内容: 作为选项对象的一部分,以十六进制形式传递所需的颜色。例如选项['colors']=[0xebebebebeb,0XA3D5F8]将为您提供这两种颜色作为基础。使用geomap版本3(从2014年1月8日起)-颜色从红色渐变为蓝色 您可以测试以下代码: 此外,它还是谷歌地图/地理地图的替代品。您可以自定义国家、世界地图甚至背景的颜色。阿尔索 检查
谢谢。可以为geomap中使用的区域设置颜色。此API页面解释了所有内容:
作为选项对象的一部分,以十六进制形式传递所需的颜色。例如
选项['colors']=[0xebebebebeb,0XA3D5F8]
将为您提供这两种颜色作为基础。使用geomap版本3(从2014年1月8日起)-颜色从红色渐变为蓝色 您可以测试以下代码:
此外,它还是谷歌地图/地理地图的替代品。您可以自定义国家、世界地图甚至背景的颜色。阿尔索 检查:
private void functionMap(){
“\n”+
“\n”+
“\n”+
“google.load('visualization','1',{'packages':['geochart']});\n”+
“google.setOnLoadCallback(drawRegionsMap);\n”+
“\n”+
“函数drawRegionsMap(){\n”+
“var data=google.visualization.arrayToDataTable([\n”+
“[‘国家’,”“],\n”
“]);\n”+
“\n”+
“变量选项={};\n”+
“\t\t选项={\n”+
“datalessRegionColor:'#29ABE2',\n”+
\t\t\t\t背景色:“#f3”,\n+
\t\t\t\t\t颜色:{colors:['0071BC']}\n+
keepAspectRatio:false\n+
图例:错误,\n+
工具提示:{textStyle:{color:'#0099CB',fontName:'Arial',fontSize:'10'}}\n+
“};\n”+
“\t\t\n”+
“var chart=new google.visualization.GeoChart(document.getElementById('chart_div'));\n”+
图表。绘制(数据、选项);\n+
“};\n”+
“\n”+
“\n”+
“\n”+
“\n”+
“\n”+
"";
}
什么颜色?你是在用GPolygon做自定义多边形还是什么?
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);
}
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>";
}