openlayers模仿google地圖--地圖版權隨鷹眼關閉打開而改變位置

額。。題目有點長。。。。。。
今天有個羣友問我。想實現google地圖地圖版權隨鷹眼關閉狀態改變位置的功能。
就是這種
<ignore_js_op>1.png               

     打開鷹眼時  地圖版權也隨着鷹眼位置改變而改變        

<ignore_js_op>2.png              

主要是修改兩個地方,這裏改下源碼,固然你們不想改源碼採用打補丁的方式就能夠了

1.修改OpenLayers.Control.Attribution 源碼  或打補丁updateAttribution
在updateAttribution函數中this.div.innerHTML上面增長以下代碼
           //增長 by飛龍在天
            this.div.style.bottom = "2px";
            this.div.style.right = "15px";
            this.div.id = "Attribution";
            this.div.unselectable = "on";
2修改OpenLayers.Control.OverviewMap  源碼或打補丁maximizeControl和minimizeControll
maximizeControl函數中this.element.style.display = '';下面增長一行代碼

document.getElementById("Attribution").style.right = "220px";


修改minimizeControll函數中this.element.style.display= 'none';下面增長一行代碼
document.getElementById("Attribution").style.right = "40px";


3. 在layer中屬性增長attribution 爲顯示內容就ok了


最後效果以下  Provided by OpenStreetMap就隨 鷹眼關閉打開而改變位置了

<ignore_js_op>3.png 

<ignore_js_op>4.png 


固然實現方式 多種多樣了。這只是最簡單的一種。關於openlayers鷹眼的改造和美化 見

http://www.openlayers.cn/portal.php?mod=view&aid=35php

相關文章
相關標籤/搜索