         ctx.fillStyle = @colors?[loc] ? '#ccc'
         ctx.fill()
         ctx.stroke()
-      ctx.font = 24 * Math.min(1, w / 3000) + 'px sans-serif'
-      ctx.fillStyle = 'Cyan'
-      ctx.fillText(loc, cX, cY)
+    # Draw AK and HI seperately
+    [cX, cY] = @locCenterOnMap('AK')
+    ctx.font = 12 + 'px sans-serif'
+    ctx.fillStyle = '#eee'
+    ctx.fillText('AK', cX, cY)
+    [cX, cY] = @locCenterOnMap('HI')
+    ctx.fillText('HI', cX, cY)
     return 0
 
   renderChart: () ->

[minX, minY, maxX, maxY] = [Number.MAX_VALUE, Number.MAX_VALUE, Number.MIN_VALUE, Number.MIN_VALUE]
for i in indexes
  [lat, lon] = geodata.points[i]
  [newlat, newlon] = [lat-10, lon-62]
  geodata.points[i] = [newlat, newlon]
  [minX, minY, maxX, maxY] = [Math.min(minX,newlon), Math.min(minY,newlat), Math.max(maxX,newlon), Math.max(maxY,newlat)]
[centerX, centerY] = [(minX+maxX)/2, (minY+maxY)/2]

    }
    @ecef2ortho = get_ecef2ortho(@dlat, @dlon, @zoom, w, h)
    for loc in @locations
      for poly in geodata.locations[loc].paths
        ctx.beginPath()
        ln = 0
