深入淺出 Javascript API(一)–基本架構

 Javascript API是ArcGIS Server 9.3新增的一套API架構,為建立WebGIS應用提供了輕量級的解決方案,在用戶端利用ags所提供的服務,就能實現地圖應用和地理功能。   

深入淺出 Javascript API(二)–地圖顯示與基本操作

深入淺出 Javascript API(二)--地圖顯示與基本操作 地圖顯示與基本操作(放大、縮小、移動、座標顯示)是JavascriptAPI的準系統,也是一個WebGIS應用的基本內容,Javascript提供了非常便捷的開發方法,當然線上瀏覽需要Ags伺服器支援,如果自己電腦上沒有配置Server服務,可以使用ArcGIS Online線上服務。    內容目錄:1.Cache和非Cache地圖展示2.地圖基本操作,如放大、縮小、移動,並和滑鼠鍵盤按鍵關聯3.用戶端顯示滑鼠當前地理位置 

深入淺出 Javascript API(三)–地圖配置

地圖配置圍繞對地圖基本操作的一些效果進行定製,有的是從程式調試考慮,有的從介面美觀上考慮,有的從伺服器響應速度上考慮。    內容目錄:1.程式調試2.自訂導覽按鈕3.自訂移動、放大縮小動畫4.滑動條標註、刻度、位置、大小1.程式調試是開發中必不可少的一個重要過程,js調試在Firefox瀏覽器上有一個大家耳熟能詳的工具Firebug,但是在IE環境下暫時還沒有這麼好的調試外掛程式,因此可以利用dojo的debug控制台管理調試過程中的資訊,協助開發。   

調試JavaScript錯誤的有效方法 – 利用firebug

首先開啟Firefox外掛程式:firebug,勾上指令碼“啟用”,勾上“在所有錯誤處中斷”,然後重新整理運行網站。如果有js錯誤或異常,firebug會自動裝載出錯的js並停在出錯的行。這時候你需要查看變數的值(在右邊的“監控”裡面可以看到變數的值,滑鼠經過也可以看到變數的值,也可以建立監控運算式)。如果變數的值為空白或者undefined,一般是其調用者傳過來的值就是空的,所以要找到其調用者:在右邊的“堆棧”頁可以看到call tree,層層點擊調用者可以發現究竟哪一級傳遞的參數發生了問題。

JS控制只能輸入數字

function onlyNum(evt){       if(evt==null){evt=window.event;}    var keycode = evt.keyCode;   //取得鍵盤碼    var realkey = String.fromCharCode(keycode);    //以鍵盤碼轉成鍵盤符號    if(keycode==8 ||keycode==9 || keycode==46|| (keycode>=35 && keycode<

深入理解Javascript閉包(closure)

深入理解Javascript閉包(closure)一、什麼是閉包?       “官方”的解釋是:所謂“閉包”,指的是一個擁有許多變數和綁定了這些變數的環境的運算式(通常是一個函數),因而這些變數也是該運算式的一部分。相信很少有人能直接看懂這句話,因為他描述的太學術。我想用 如何在Javascript中建立一個閉包 來告訴你什麼是閉包,因為跳過閉包的建立過程直接理解閉包的定義是非常困難的。看下面這段代碼:function a() {           var i = 0;

深入淺出 Javascript API(四)–繪製 Graphics

Graphics繪製是webgis基本編輯功能之一,基於JavascriptAPI進行開發很容易聯想到其基礎功能的提供者--Dojo,point、multipoint、polyline、polygon等基本圖形可以很方便的在地圖上繪製出來,效果還不錯!這裡需要引入一個新的庫"esri.toolbars.draw"。    Toolbar並不是一個使用者介面組件,而是一個Helper類用於在地圖上繪製圖形,通常由用戶端的UI組件來觸發所要繪製的具體圖形,如通過按鈕觸發:Point   

深入淺出 Javascript API(五)–Query & Find 查詢

查詢是webgis常用功能之一,基於地圖的查詢經曆了多種形式的演變,現在用什麼形式來展現查詢已經沒有固定模式,在適合webgis範圍內,什麼形式能夠滿足應用,就用什麼形式的查詢。舉例描述一個最經典的情境,滑鼠點擊地圖顯示一個TIP小視窗,顯示查詢對象的簡單資訊,小視窗中提供一個"詳細資料"連結,點擊後彈出網頁顯示資料卡片。還有這樣的形式,如拉框選擇點要素,同時在地圖下方的DIV顯示出選擇點的屬性資訊,這個在《[url=]ArcGIS Server 開發系列(五)--自訂 Toolbar 工具[/

能說明你的Javascript技術很爛的五個原因

Javascript在互連網上名聲很臭,但你又很難再找到一個像它這樣如此動態、如此被廣泛使用、如此根植於我們的生活中的另外一種語言。它的低學習門檻讓很多人都稱它為學前指令碼語言,它另外一個讓人嘲笑的東西是動態語言的概念是偏偏使用了高標準的待用資料類型。其實,你和Javascript都站錯了立場,而現在,你讓Javascript很生氣。這裡有五個原因能說明你的Javascript技術很爛。  1.

阻止JavaScript事件冒泡傳遞

cancelBubble在IE下有效 stopPropagation在Firefox下有效 詳細出處參考:http://www.jb51.net/article/9858.htm<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

Javascript寫Cookie函數(CookieWrite)

    Javascript是一種瀏覽器解釋的指令碼語言,瀏覽器使用Cookie存放網站的臨時資料,使用js指令碼操作cookie將會較少很多伺服器的步驟和時間。下面是Javascript寫入Cookie的使用者自訂函數: function setCookie(name, value, expires, path, domain, secure) { document.cookie = name + "=" + escape(value) + ((

Javascript讀Cookie函數

    Javascript是一種瀏覽器解釋的指令碼語言,瀏覽器使用Cookie存放網站的臨時資料,使用js指令碼讀取cookie將會較少很多伺服器的步驟和時間。下面是Javascript讀取Cookie的使用者自訂函數:function readCookie(name) { var arg = name + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while (i < clen)

javascript setTimeout setInterval 使用詳解

文章目錄 setTimeout setInterval14.1  setTimeout和setInterval的使用 javascript setTimeout setInterval 使用詳解2009/12/09 18:01setTimeout

Firefox相容的JavaScript斷行符號提交表單

發現沒有用<Form>標籤和form.submit方法的斷行符號提交在firefox下面不工作,因為FireFox不捕捉斷行符號事件。一般在IE下實現斷行符號可以這樣: <INPUT TYPE=text NAME="hanbai_cd" SIZE=20 maxlength = 8 onkeydown=KeyDown()> 1: function KeyDown() 2: { 3: if (event.keyCode == 13) 4: { 5:

區分JavaScript中的undefined,null和NaN

區分underfined,null和NaN 先看看下面語句的運行結果: 1: var a; 2: alert(a); //顯示"undefined" 3: alert(typeof a); //顯示"undefined" 4: alert(b); //顯示"undefined"以上說明a的值和類型都是'underfined' 1: var a = null; 2: alert(a); //顯示"null" 3: alert(typeof a);

JavaScript中setTimeout實現輪詢 (vs setInterval)

setTimeout(運算式,延時時間)在執行時,是在載入後延遲指定時間後,去執行一次運算式,次數是一次。setInterval(運算式,互動時間)則不一樣,它從載入後,每隔指定的時間就執行一次運算式。 如果指定迴圈次數,每次間隔一定時間,可以用setTimeout 1: function f(){ 2: //Do something here... 3: }; 4:  5: for(var i = 1; i < 13; i++){ 6: setTimeout(f, 1000); 7

MVVM設計模式在Javascript和HTML5中的應用

看我部落格的人都知道我寫了一些Silverlight系列的MVVM的文章,這個Model-View-ViewModel設計模式有點類似MVP或者MVC模式,但和綁定結合的更好。現在國外已經有人研究HTML5開發中如何把MVVM模式應用到Javascript中去的問題,值得關注。如果你關注HTML5並且對MVVM感興趣,可以看看這些資源 (Knockout在園子裡已經有人翻譯了些教程):Knockout: 一個實現了MVVM模式的Js架構MVVM DataBinding Javascript

Javascript 取小數點後面N位

用Javascript取float型小數點後兩位,例22.127456取成22.13,如何做? 1. 最笨的辦法....... [我就怎麼乾的.........]  1function get()2{3    var s = 22.127456 + "";4    var str = s.substring(0,s.indexOf(".") + 3);5    alert(str);6}  2. Regex效果不錯  1<script type="text/javascript">2

JavaScriptRegex

.netRegex和javascriptRegex還是有一點點區別,javascript採用的是perl文法而.net是用的C#文法,這兩點一定要分清.在JavaScript中,Regex是由一個RegExp對象表示的.當然,可以使用一個RegExp()建構函式來建立RegExp對象,也可以用JavaScript

怎樣對.net中的javascript指令碼進行調試?

第一步:在IE的“Internet設定”中選擇“進階”——“安全”——“啟用整合windows身分識別驗證”(這一步很重要!!!)第二步:同樣在“Internet設定”中把“禁止指令碼調試”的勾去掉第三步:用偵錯模式啟動程式第四步:在vs.net的菜單選擇“調試”——“視窗”——“運行文檔”第五步:在“運行文檔”視窗中雙擊要調試的文檔第六步:在該文檔中需要的指令碼開始調試的位置設定斷點第七步:自己操作,令程式運行到斷點處,餘下的就是偵錯工具了,我也不多說了。注意,如果還是不行,那可能是缺少了一個

總頁數: 3314 1 .... 163 164 165 166 167 .... 3314 Go to: 前往

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。