I have implemented a google map using V3 js API. I am drawing about 500 zip code polygons inside the map. The colouring of the zip code polygons depends upon certain conditions which is working fine. Like I am assigning distinct colours to a set of zipcodes. But the problem is when I am zooming in the map some of the zipcode polygon colours getc changed. How can we fix it.
For ex: I am pulling 30 zipcodes from my DB. I am dividing those 30 zipcodes into 5 regions(say depending upon highest sales to lowest sales). Each region will be marked by a particular color.Thus in this case 30 polygons will be plotted with 5 regions so as having 5 different colors. Now when I am zooming up the map there is no change in the grouping, but some of the polygon(may be 3-4) colors overlap to other polygons. If number 3 region has color "Yellow" in normal map, when I zoom in the map some of the polygons of region 3 get overlapped by "Red" color. Where as "Red" color belongs to region 1 zip code polygons.