1

I need to display both color coded states and cities on a US map.

Is this possible with Google geocharts? http://developers.google.com/chart/interactive/docs/gallery/geochart#Configuration_Options

Basically what I'm looking for is a way to mix the regions and markers display modes.

If not, any alternate options to achieve this?

Christophe
  • 27,383
  • 28
  • 97
  • 140

2 Answers2

1

I also answered a similar question here, but here it goes again:

Regions and Markers wont work at the same time. So if you want to color the background of the states, using markers mode, you can do it with CSS.

I'm documenting some examples for a Wordpress plugin i developed here: http://cmoreira.net/interactive-world-maps-demo/advanced-customization/

Check the last example. It's not easy, since you have to find which child path number you want to color, and then you can do it. Example:

#visualization path:nth-child(5) {
fill:#cccccc;
}

Here's an example, forkerd from another user, with the CSS above: http://jsfiddle.net/cmoreira/Jqkjg/

Hope it helps!

Community
  • 1
  • 1
CMoreira
  • 1,698
  • 1
  • 12
  • 27
  • You can also color a bunch of states at the same time using some slightly more advanced CSS as follows: `#chart1 path:nth-child(1n + 78) { fill:#DDDDEE; stroke:#888888; }` This will color all shapes larger than 78. Example [here](http://jsfiddle.net/Ka2Gq/) – jmac Jan 10 '13 at 03:18
0

No, this is impossible with GeoCharts. I would recommend you to try jVectorMap library for that.

bjornd
  • 22,397
  • 4
  • 57
  • 73