javascript - 仿谷歌地图mapTypeControl自定义控件

Question

有谁知道如何精确匹配 google maps mapTypeControl 按钮样式(关于 ui/css)？我找到了一个不错的tutorial但按钮与默认的谷歌样式不匹配。有没有一种简单的方法可以准确获取当前的谷歌地图按钮样式，或者我是否必须手动尝试匹配 current 样式(每个新版本都可能不同，这在... 你知道我的意思)。

Answer 1

快速查看 Chrome 开发人员控制台会发现以下内联样式(没有为任何按钮分配类或 id-s)。另请注意，此元素有一个空的无样式 float 包装器，它还包含按钮菜单(地形按钮)。

对于 map 按钮:

direction: ltr; 
overflow: hidden; 
text-align: center; 
position: relative; 
color: rgb(0, 0, 0); 
font-family: Arial, sans-serif; 
-webkit-user-select: none; 
font-size: 13px; 
background-color: rgb(255, 255, 255); 
padding: 1px 6px; 
border: 1px solid rgb(113, 123, 135); 
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px; 
box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px; 
font-weight: bold; min-width: 29px; 
background-position: initial initial; 
background-repeat: initial initial; 

对于卫星按钮，唯一不同的样式是字体粗细