& lthtml & gt
& lthead & gt
& ltmeta charset="UTF-8 " >
& lttitle & gt概覽地圖& lt/title & gt；
& lt/head & gt；
& ltscript type = " text/JavaScript " src = " js/ol . js " & gt；& lt/script & gt；
& ltlink href = " CSS/ol . CSS " rel = " style sheet " type = " text/CSS "/& gt；
& ltstyle type="text/css " >
#地圖{
寬度:100%；
高度:580px
}
//鷹眼風格
。ol-custom-overviewmap，。ol-custom-overview map . ol-un collapsible {
底部:自動；
左:自動；
右:0；//右側顯示
top:0；//顯示在上方
}
//鷹眼控件展開時控件輪廓的樣式。
。ol-custom-overviewmap:not(。ol-折疊){
邊框:1px純黑；
}