2. 程式人生 > >Webgis實踐3：生成圖層列表，複選圖層是否可見

Webgis實踐3：生成圖層列表，複選圖層是否可見

阿新 • • 發佈：2019-02-20
/*上面都是表頭檔案，引入庫啥的。*/ dojo.require("esri.map"); var layer, map, visible = []; /*宣告layer、map、visible*/ function init() { map = new esri.Map("map"); layer = new esri.layers.ArcGISDynamicMapServiceLayer("https://localhost:6443/arcgis/rest/services/Test/CHGIScs/MapServer"
); if (layer.loaded) { buildLayerList(layer); } else { dojo.connect(layer, "onLoad", buildLayerList); } } /*載入圖層，構建圖層列表，一個if-else語句，如果圖層已經載入，那麼構建圖層列表，否則載入圖層，構建圖層列表。呼叫的buildLayerList函式在下面。*/ function
buildLayerList(layer) { var infos = layer.layerInfos, info; var items = []; for (var i=0, il=infos.length; i<il; i++) { info = infos[i]; if (info.defaultVisibility) { visible.push(info.id); } items[i] = "<input type='checkbox' class='list_item' checked='"
+ (info.defaultVisibility ? "checked" : "") + "' id='" + info.id + "' onclick='updateLayerVisibility();' /><label for='" + info.id + "'>" + info.name + "</label>"; } dojo.byId("layer_list").innerHTML = items.join(); layer.setVisibleLayers(visible); map.addLayer(layer); } /*定義buildLayerList函式，layerInfos是內建的服務屬性，獲取服務中的圖層以及它們的預設的可見性。 if(info.defaultVisibility)如果物件的可見性是有值的（true或者false），visible.push(info.id)獲取這個值。 infos是一個列表，info是Infos列表中的元素。用列表infos去構建items列表，items列表生成網頁頭部的那幾個複選框，選擇圖層是否可見。 input type='checkbox'，引入複選框，checked的值是info.defaultVisibility，如果圖層可見，那麼複選框就是被選中的，如果圖層不可見，那麼複選框就是不被選中的。 複選框的id是圖層的id，點選複選框呼叫updateLayerVisibility函式， label標籤的id是圖層的id，標籤的名稱是圖層的名稱。 這個items[i]就是把複選框、標籤和圖層info一一對應上。 dojo.byId("layer_list").innerHTML=items.join();把items這個列表加到網頁上了。 layer.setVisibleLayers(visible)，讓圖層可見與否，visible是visible.push(info.id)定義的。 * */ function updateLayerVisibility() { var inputs = dojo.query(".list_item"), input; visible = []; for (var i=0, il=inputs.length; i<il; i++) { if (inputs[i].checked) { visible.push(inputs[i].id); } } layer.setVisibleLayers(visible); } dojo.addOnLoad(init);

相關推薦

Webgis實踐3：生成圖層列表，複選圖層是否可見

/*上面都是表頭檔案，引入庫啥的。*/ dojo.require("esri.map"); var layer, map, visible = []; /*宣告layer、map、visible*/ function init

【Kubernetes】最佳實踐3：服務部署與彈性伸縮

作者：彭靖田 在Kubernetes的世界中，一切服務都是跑在容器中的，最簡單的容器組是Pod。基於現實世界中的具體任務，Kubernetes抽象了更高階的容器組，如：ReplicaSet、Deployment、Job等。對於Web型別的長週期服務來說，重點考察兩個需求：

.Net最佳實踐3：使用效能計數器收集效能資料

本文值得閱讀嗎？ 本文討論我們如何使用效能計數器從應用程式收集資料。我們將先了解的基本知識，然後我們將看到一個簡單的示例，我們將從中收集一些效能資料。 介紹： - 我的應用程式的效能是最好的，像火箭 讓我們這篇文章從一個客戶和開發人員之間的簡短交談開始。 場景1

lucene全文搜尋之三：生成索引欄位，建立索引文件（給索引欄位加權）基於lucene5.5.3

前言：上一章中我們已經實現了索引器的建立，但是我們沒有索引文件，本章將會講解如何生成欄位、建立索引文件，給欄位加權以及儲存文件到索引器目錄 一、建立索引文件 一個索引目錄可以放多個索引文件，每個索引

Webgis實踐2：點選物件查詢/tasks.query/infoTemplate

dojo.require("esri.map"); dojo.require("esri.tasks.query"); //呼叫ersi.map和esri.tasks.query，載入地圖和查詢元件。 var map; fun

寫程式碼：迴圈列印names列表，把元素和索引值都打印出來。

list1 = ['aaa', 'bbb', 'ccc', 'ddd', 1, 2, 3, 4, 5, 6, 7, 8, 8, 8, 8, 9, 19] # count = 0 # for i in list1: # print(count, i) # count += 1 for

WPF繪圖的工程應用：為按鈕或自定義按鈕新增向量圖作為背景，該向量圖來自Blend或Design設計的Path資料。

例1 ：Button+Drawing繫結+GeometryDrawing 功能描述：為Button新增簡單的向量圖作為背景。 <Window x:Class="Drawing.Drawings" xmlns="http://schemas.microsoft

資料庫SQL實踐61：對於employees表中，給出奇數行的first_name

思路： 將小於等於e1.first_name的first_name的個數統計下，然後求餘2看是否等於1，若是則取出。 select e1.first_name from employees e1 where(select count(*) from employees e2 where e1

自然語言處理學習3：中文分句re.split()，jieba分詞和詞頻統計FreqDist

1. 使用re.split() 分句，re.split(delimiter, text) import jieba import re # 輸入一個段落，分成句子，可使用split函式來實現 paragraph = "生活對我們任何人來說都不容易！我們必須努力，最重要的是

python小練習6：合併兩個列表，相同的元素不要

題：合併兩個列表，相同的元素不要。 方法一：先將第二個列表追加到第一個列表，計算合併後的列表中重複的元素。 #合併兩個列表，相同的不要 li1 = [1,2,34,5,6]

Java Swing 複習（1）SWING基本元件，使用案例：文字框，密碼框，文字域，複選框，單選按鈕，下拉列表

一：JAVA SWING 基本元件1      .簡介Swing是一個用於開發Java應用程式使用者介面的開發工具包，是由純Java實現的。以抽象視窗工具包（AWT）為基礎使跨平臺應用程式可以使用任何可插拔的外觀風格，不依賴作業系統的支援，這是它與AWT元件的最大區別。Swi

選擇哪個CAD看圖軟件，CAD看圖軟件好上手嗎？

　　我相信不少剛接觸CAD文件的小夥伴，都不大清楚CAD圖紙應該怎麽進行查看，其實想要查看CAD圖紙，是需要借助專業的CAD看圖軟件才能查看的，那麽我們選擇什麽CAD看圖軟件好呢？新手選擇CAD看圖軟件哪個好？ 一、新手選擇CAD看圖軟件哪個好 我認為想要查看和編輯CAD圖紙，其實使用迅捷CAD看圖軟

appium===出錯時截圖的方法，自動截圖

exc file 運行 err logs erro 需要 get fin try: driver.find_element_by_id("kwsss").send_keys("selenium") driver.find_element_by_id("su

鄭乾金融：做汽車眾籌，首先選鄭乾金融理財平臺！

鄭乾金融 眾籌理財 汽車眾籌 眾籌融資 二手車眾籌 鄭乾金融是鄭州博宸金融服務有限公司旗下專業汽車眾籌理財平臺，公司致力於為商業經營者、個人提供安全便捷的眾籌融資服務、為投資者提供透明穩健的投資項目。平臺本著"誠信，透明，安全，共贏"的經營理念，將致力打造一個穩健、專業、高效的一站式

PHP獲取單選下拉列表，多選下拉列表，單選框，複選框內的值

PHP獲取單選下拉列表，多選下拉列表，單選框，複選框內的值,此例將當前頁作為提交資料的頁面。 <form action=" " method="post" accept-charset="utf-8"> <!--單選下拉 學歷--> <selec

可移植畫素圖格式 PPM，灰度圖格式 PGM，點陣圖格式 PBM 的介紹 -- 視訊和影象程式設計基礎之一

可移植畫素圖格式 PPM，灰度圖格式 PGM，點陣圖格式 PBM 的介紹 簡介 可移植畫素圖格式（PPM），可移植灰度圖格式（PGM）和可移植點陣圖格式（PBM）是便於跨平臺的影象格式。有時候也被統稱為 PNM 格式 檔案格式描述 這三種格式其實是一樣的描述方法，只

嵌入式Linux網路程式設計，網路基礎，OSI七層模型，TCP/IP四層模型，TCP/IP通訊模型、協議結構、封包與拆包，TCP/UDP協議特點及適用情況

文章目錄 1，TCP協議分成了兩個不同的協議----->TCP/IP協議誕生 2，網路的體系結構 2.1，OSI開放系統互聯模型 2.2，TCP/IP協議族的體系結構 3，TCP/IP協議通訊模型 3.1

問題：通過設定查詢條件，點選按鈕觸發bootstrap-table，觸發以後無法再次觸發

遇到bootstraptable無法重新載入的問題，查閱大神的部落格，找到了解決方案，記錄下，以便查閱。 問題：通過設定查詢條件，點選按鈕觸發bootstrap-table，觸發以後無法再次觸發 解決方案：在初始化table之前，要將table銷燬，否則會保留上次載入的內容 $("#

Java 100-006：選單欄的建立-包括巢狀選單，禁用選單項，複選框和單選按鈕選單項，彈出選單以及快捷鍵和加速器

package java01; import java.awt.*; import java.awt.event.*; import javax.swing.*; /** * 我的java每天100行程式碼006 * 選單欄的建立：包括巢狀選單，禁用選單項，複選框和單選按鈕選

下拉列表該複選框的例子

最近作了一個把只能單選的下拉列表轉換成 複選框的例子，整理一下。 以前的 show.jsp    <input type="hidden" id="sIllId" name="sIllId" value="${sIllId}" />    <select n