有谁知道google map 的 “卫星”“地形”那些貌似按钮的东东是怎么做的？

Question

google map：
http://maps.google.com/

Answer 1

用层实现的，事件处理的代码比较复杂。<div id="amtc_option_3" 
style="border: 1px solid black; position: absolute; background-color: white; text-align: center; width: 5em; cursor: pointer; right: 0em;" 
title="地形を見る">
<div style="border-style: solid; border-color: white rgb(176, 176, 176) rgb(176, 176, 176) white; border-width: 1px; font-size: 12px;">地形</div>
</div>

Answer 2

是 HTML+CSS 呈現的類似按鈕效果
<DIV id=amtc_option_3 title=顯示具有地形的街道圖 style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; RIGHT: 0em; BORDER-LEFT: black 1px solid; WIDTH: 5em; CURSOR: pointer; BORDER-BOTTOM: black 1px solid; POSITION: absolute; BACKGROUND-COLOR: white; TEXT-ALIGN: center">
  <DIV style="BORDER-RIGHT: #b0b0b0 1px solid; BORDER-TOP: white 1px solid; FONT-SIZE: 12px; BORDER-LEFT: white 1px solid; BORDER-BOTTOM: #b0b0b0 1px solid">地形</DIV>
</DIV>

Answer 3

google map的网页上呗。
用Firbugs看的话，会容易一些。