How to change the color of Country when cities are highlighted using marker?

38 views

Skip to first unread message

Sachin

unread,

May 14, 2012, 7:46:09 AM5/14/12

to google-visua...@googlegroups.com

Hi,

I am highlighting the cities of a particular country with marker displaymode.
Following is my code that I am refering

<html>
<head>
  <script type='text/javascript' src='https://www.google.com/jsapi'></script>
  <script type='text/javascript'>
   google.load('visualization', '1', {'packages': ['geomap']});
   google.setOnLoadCallback(drawMap);

    function drawMap() {
      var data = google.visualization.arrayToDataTable([
        ['City', 'Popularity'],
        ['New York', 200],
        ['Boston', 300],
        ['Miami', 400],
        ['Chicago', 500],
        ['Los Angeles', 600],
        ['Houston', 700]
      ]);

      var options = {};
      options['region'] = 'US';
      options['colors'] = [0xFF8747, 0xFFB581, 0xc06000]; //orange colors
      options['dataMode'] = 'markers';

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

  </script>
</head>

<body>
    <div id='map_canvas'></div>
</body>

</html>

When the code is browsed then country is colored in its default color ie. #FBD843.

How can I change the color of country here?

Thanks

Reply all

Reply to author

Forward

0 new messages