如何创建自定义GControl

Question

我正在尝试在谷歌地图周围创建一个灰色的“框架”（见下图），试图传达一个焦点区域的概念，与一个点（通常用标记表示）相对。请注意，这不是叠加层，也就是说，拖动地图时灰色“框架”不应移动。

已编辑：已添加图片链接

似乎只有选项是“子类化”GControl才能创建自定义控件。我有3个问题

1）首先，GControl是否是最好的行动方式？

2）在我的例子中，地图渲染的canvas（div）可以改变它的大小（即不是固定的宽度）。当画布改变大小时，是否必须删除并添加自定义控件？有关如何创建自定义地图控件的信息，请参阅文档http://code.google.com/apis/maps/documentation/controls.html#Custom_Controls。

3）现在，该怎么做。天真地，我以为我可以创建一个包含3列和3行的表，并为中间的单元格设置display：none。但这不起作用。我也尝试过剪辑，但也没有用。我的css技能非常缺乏，所以必须有办法比添加四个矩形灰色div更优雅。如果我想添加一个带有div的内边框，那么我需要绘制8。简而言之，创建“空心”矩形的最佳方法是什么？

由于 附：这是我第一次进入StackOverflow。刚发现它。令人印象深刻的是如何将SO整合在一起。