我正在尝试在谷歌地图周围创建一个灰色的“框架”(见下图),以尝试传达焦点区域的概念,而不是一个点(通常用标记表示)。请注意,这不是叠加层,也就是说,当您拖动地图时,灰色的“框架”不应移动。
编辑:添加图片链接
似乎唯一的选择是“子类化” GControl 以创建自定义控件。我有 3 个问题
1)首先,GControl 子类化是最好的做法吗?
2)在我的例子中,地图渲染的画布(div)可以改变它的大小(即不是固定宽度)。当画布改变大小时,我是否必须删除和添加自定义控件?有关如何创建自定义地图控件的信息,请参阅文档http://code.google.com/apis/maps/documentation/controls.html#Custom_Controls 。
3)现在,怎么做。天真地,我以为我可以创建一个包含 3 列和 3 行的表格,并为中间的单元格设置 display: none 。但这不起作用。我也尝试过剪裁,但也没有用。我的 css 技能相当欠缺,所以必须有比添加四个矩形灰色 div 更优雅的方法。如果我想添加一个带有 div 的内边框,那么我需要绘制 8 个。简而言之,创建“空心”矩形的最佳方法是什么?
谢谢 PS 这是我第一次进入 StackOverflow。才发现。令人印象深刻的是,SO 的组合如此之好。