2010-04-27 3 views
2

Можно ли установить цвет для геомапа?Как установить цвет области в Google geomap?

Также я хотел бы услышать мнение сообщества об альтернативах в решениях Geo Coding.

Спасибо.

+0

Цвет чего? Вы производите полигоны с GPolygon или что именно? –

+1

Прочтите тему, пожалуйста ... – omoto

ответ

0

Как часть ваших вариантов объекта проходит в шестнадцатеричном для цветов вы хотите. Например,
опции ['colors'] = [0XEBEBEB, 0XA3D5F8];
предоставит вам эти два цвета в качестве основы.

1

С версией geomap (начиная с 8Jan2014) - цвет исчезает от красного до синего.

Вы можете проверить следующий код: 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 является альтернативой GoogleMaps/GeoMap.

0

Вы можете настроить цвета страны, карты мира, даже фона. Также check:

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

} 
Смежные вопросы