1. 홈
  2. 질의 응답
  3. Google geomap에서 지역 색을 설정하는 방법은 무엇입니까?

Google geomap에서 지역 색을 설정하는 방법은 무엇입니까?

2010-04-27 2 views

답변

0

옵션의 일부가 원하는 색상의 진수를 전달 개체로 :이 API 페이지는 모든 것을 설명합니다. 예를 들어
옵션 [ 'colors'] = [0XEBEBEB, 0XA3D5F8];
은 두 가지 색상을 기본으로 제공합니다.

출처

2011-12-02 00:42:47 climboid

1

geomap의 버전 3 (8 월 2014 현재) - 색상이 빨간색에서 파란색으로 희미 해집니다.

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는 Google지도 /으로 GeoMap에 대한 대안은 다음과 같습니다

는 다음과 같은 코드 here을 테스트 할 수 있습니다.

출처

2014-01-08 22:36:22

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-14 05:26:51 Aks4125

관련 문제

 관련 문제