OpenLayers 學習（四）電子海圖的圖層切換控制元件
在整理疊加圖層時，發現有時需要切換底圖，使用Control.LayerSwitcher實現。
原始碼如下：
展現效果如下：<!DOCTYPE html> <html> <head> <title> 電子海圖的圖層切換控制元件 </title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <!-- 載入OpenLayers 類庫 --> <script type="text/javascript" src="http://www.openlayers.cn/olapi/OpenLayers.js"> </script> <style> html, body { width: 100%; height: 100%; margin: 0; padding: 0; } </style> <script type="text/javascript"> function init() { // 使用指定的文件元素建立地圖 var map = new OpenLayers.Map("test_map"); // 建立一個 OpenStreeMap raster layer var osm = new OpenLayers.Layer.OSM(); //建立一個WMS圖層 var wms_layer = new OpenLayers.Layer.WMS( 'WMS Layer Title', 'http://vmap0.tiles.osgeo.org/wms/vmap0', {layers: 'basic'}, {} ); //新增圖層切換控制元件 var switch_ctrl=new OpenLayers.Control.LayerSwitcher({}); map.addControl(switch_ctrl); map.addLayers([osm,wms_layer]); // 設定檢視縮放地圖程度為最大 map.zoomToMaxExtent(); } </script> </head> <body onload="init()"> <div id="test_map" style="width: 100%; height: 100%;"> </div> </body> </html>
相關推薦
OpenLayers 學習（四）電子海圖的圖層切換控制元件
在整理疊加圖層時，發現有時需要切換底圖，使用Control.LayerSwitcher實現。 原始碼如下： <!DOCTYPE html> <html> <head> <title> 電子海圖的圖層切換控制元件 </t
小程序學習（四）小程序邏輯層之註冊頁面
其他 nor stop 默認 pat 標題 pre 開啟 開始 小程序學習（四）小程序邏輯層之註冊頁面 註冊頁面（Page） 小程序頁面的註冊，是通過 Page() 函數來完成的。接受一個 object 參數，指定頁面的初始數據，生命周期、事件處理函數等。 object
QGis（四）shp向量圖層新增新欄位
新增一個新的欄位到shp檔案中，並且從Excel裡匯入資料到該欄位。原shp檔案裡的欄位ID應該與Excel裡的欄位ID一一對應才能正確的匯入。下圖分別是shp的欄位和Excel的欄位 將class欄位新增到shp中去： （1）從Excel中讀取資料（為了讀取方便，存為.
React Native佈局實踐：開發京東客戶端首頁（四）——首頁功能按鈕及控制元件封裝
從我寫第一篇React Native文章以來，我們幾乎是把所有的程式碼都放在一個js檔案中實現的，隨著工程複雜度的增加，各種自定義控制元件的程式碼就和業務邏輯程式碼耦合嚴重，這篇文章就來解決這一問題，讓我們一起來學習控制元件封裝的方法。1.明確需求首頁功能按鈕由一個圖片、一行
WPF中的binding（四）- 使用集合物件作為列表控制元件的ItemsSource
WPF中列表式控制元件派生自ItemsControl類，繼承了ItemsSource屬性。ItemsSource屬性可以接收一個IEnumerable介面派生類的例項作為自己的值（所有可被迭代遍歷的集
OpenLayers 學習（三）向量圖層上新增點繪製點、線、多邊形
建立向量圖層，新增EditingToolbar類物件，該物件可以在向量圖層上新增點繪製點、線、多邊形等。 原始碼為： <!DOCTYPE html> <html> <head> <title> 向量圖層上新增點繪製點、線、
半監督學習（四）——基於圖的半監督學習
基於圖的半監督學習 以一個無標籤資料的例子作為墊腳石 Alice正在翻閱一本《Sky and Earth》的雜誌，裡面是關於天文學和旅行的文章。Alice不會英文，她只能通過文章中的圖片來猜測文章的類別。比如第一個故事是“Bridge As
Python基礎學習（四）
python 函數 集合 Python 集合： set 顧明思義，就是個集合，集合的元素是唯一的，無序的。一個{ }裏面放一些元素就構成了一個集合，set裏面可以是多種數據類型（但不能是列表，集合，字典，可以是元組） 它可以對列表裏面的重復元素進行去重list1 = [1,2,3,23
爬蟲庫之BeautifulSoup學習（四）
所有 字符串 判斷 href gin int 過濾器 amp link 探索文檔樹： find_all(name,attrs,recursive,text,**kwargs) 方法搜索當前tag的所有tag子節點,並判斷是否符合過濾器的條件 1、name參數，可
java學習（四）代碼的設計
方法 聯系 string 封裝 代碼 his 站點 add 團隊 一、目的 1、為了使程序員編寫的代碼更加的簡潔，使人閱讀起來更加流暢 2、將運算代碼與界面代碼完全分離開來，利於團隊開發，提高團隊之間的工作效率 3、 在很短的時間內可以替換整個站點的外觀； 4、使程
Linux基礎學習（四）
ubuntu pad 檢查 rom run 文件和目錄 mis fdisk 內存 十一、 系統監控 11.1 系統監視和進程控制工具 11.1.1 top 1) top命令的功能：top命令是Linux下常用的性能分析工具,能夠實時顯示系統中各個進程的資源占用狀況,類似於
java學習（四）static靜態變量 和this
java學習 方便 private setname 局部變量 變量 告訴 應該 size java中的this /* this:是當前類的對象引用。簡單的記，它就代表當前類的一個對象。 註意：誰調用這個方法，在該方法內部的this就代表誰
java源碼學習（四）ArrayList
mem mov elements fail ren pac runt 語義 tran ArrayList ? ArrayList是基於數組實現的，是一個動態數組，其容量能自動增長，類似於C語言中的動態申請內存，動態增長內存。 ? ArrayList不是線程安全的，只能用在單
CSS學習（四）
last checked charset event 大小寫 emp 技術 let -h 偽類(Pseudo-classes) CSS偽類是用來添加一些選擇器的特殊效果。 偽類的語法： selector:pseudo-class {property:valu
HBase概念學習（四）Java API之掃描和過濾器
影響 產生 str 實例 分享 get 批量 java api track HBase主要的CRUD操作就不多介紹了，無非就是Put，Get。Delete三個類的運用。 本文相當於是閱讀HBase權威指南的總結。 一、掃描（Scan） 如今看一下掃
shiro的源碼學習（四）-- 深入理解realm
instance his face 成功 返回 void exce gen 調用 IniRealm的類結構如下圖： 下面分析每個類： (1)Ream: 域的頂點，其代碼如下：securityManager會使驗證器來調用，驗證器通過Realm返回用戶信息，確定用戶是否登錄
【轉】JMeter學習（四）參數化
一個 ngx adr conf 英文逗號 .net 註意 itl ron JMeter也有像LR中的參數化，本篇就來介紹下JMeter的參數化如何去實現。 參數化：錄制腳本中有登錄操作，需要輸入用戶名和密碼，假如系統不允許相同的用戶名和密碼同時登錄，或者想更好的模擬多個
wordpress學習（四）---url偽靜態簡單了解
var rewrite 月份 word lob ont cal page true 在page-url.php頁面做測試 <h2>url偽靜態</h2> 接收到的pagename參數是：<? echo $wp_query->query
Maven學習（四）-- Maven的核心概念
pue nlj 人員 gbk provided spi vts 源代碼 -s 摘自：http://www.cnblogs.com/xdp-gacl/p/4051819.html 一、Maven坐標 1.1、什麽是坐標？ 在平面幾何中坐標（x,y）可以標識平面中唯一的一
算法學習（四）
ket ets amp 出棧 使用 append {} elif 算法 1.Bit Count（位計算） 說明：計算機中的所有值都以二進制系統表示。在這個簡單的任務中，您要編寫一個程序，該程序計算給定值中的非零位數。我們使用的是32位整數值，所以應該從0到32個非零位。