1. 程式人生 > >Arcgis for Js之Graphiclayer擴充套件詳解(餅圖)

Arcgis for Js之Graphiclayer擴充套件詳解(餅圖)

在前兩節,講到了兩種不同方式的聚類,一種是基於距離的,一種是基於區域範圍的,兩種不同的聚類都是通過擴充套件esri/layers/GraphicsLayer方法來實現的。在本節,就詳細的講講esri/layers/GraphicsLayer方法的擴充套件。

首先,在講解擴充套件之前,先看看API中esri/layers/GraphicsLayer的一些引數和方法等。

1、建立一個GraphicLayer

在ESRI官方的API中,建立GraphicLayer有兩種方式:

\

例如:<喎�"http://www.2cto.com/kf/ware/vc/" target="_blank" class="keylink">vcD4KPHA+PGltZyBzcmM9"http://www.2cto.com/uploadfile/Collfiles/20141118/20141118082241184.png" alt="\">

或者:

\

在第二種方式的options的引數包括:

\

2、GraphicLayer的屬性

GraphicLayer的屬性包括:

\

其中,有幾個比較常見和重要的屬性為:

a、graphics:陣列,返回的引數是一個數組,為GraphicLayer中包含的Graphic物件。

b、visiable:布林型,Graphiclayer是否可見。

c、visiableAtMapScale:布林型,在特定比例尺下的可見性。

3、Graphiclayer的方法

\

圖中,紅框標出的是Graphiclayer最常用的方法,詳細的介紹很清楚,在此不再做贅述了。

接下來,擴充套件Graphiclayer。

GraphicLayer藏得很深,位於library\3.9\3.9\js\esri\layers\GraphicsLayer.js,雖然對引數變數程式碼做了混淆,但是有些東西還是沒做變化。在做GraphicLayer擴充套件時,有幾個是比較常用的:

a、_setMap

?
1 2 3 4 5 6 // 重構esri/layers/GraphicsLayer方法 _setMap: function(map, surface) { // GraphicsLayer will add its own listener here
var div = this.inherited(arguments); return div; }

b、_unsetMap ?
1 2 3 _unsetMap: function() { this.inherited(arguments); }

c、_draw

?
1 2 3 4 5 _draw:function(graphic, redrawFlag, zoomFlag){ if (!this._map) { return; } }
此外,還有一些地圖控制的,如:_onPanStartHandler,_onZoomStartHandler,_onExtentChangeHandler等。擴充套件GraphicLayer的大概框架程式碼如下: ?
1 2 3 4 5 6 7 8 9 10 11 12

相關推薦

Arcgis for JsGraphiclayer擴充套件()

在前兩節,講到了兩種不同方式的聚類,一種是基於距離的,一種是基於區域範圍的,兩種不同的聚類都是通過擴充套件esri/layers/GraphicsLayer方法來實現的。在本節,就詳細的講講esri/layers/GraphicsLayer方法的擴充套件。

(轉)Arcgis for JsGraphiclayer擴展

不同的 nes library 創建 都是 拖拽 oms hang graph http://blog.csdn.net/gisshixisheng/article/details/41208185 在前兩節,講到了兩種不同方式的聚類,一種是基於距離的,一種是基於區域範圍

Arcgis for Js實現graphiclayer的空間查詢

var outline edm == .net result aps family -c 本節講的是Arcgis for Js的針對graphiclayer的空間查詢,內容非常easy。代碼例如以下: <!DOCTYPE html> <html>

ArcGIS for Server10.1服務釋出 ArcGIS for Server10.1服務釋出

ArcGIS for Server10.1服務釋出詳解 2018年03月03日 21:41:10 閱讀數:228        1、首先使用ArcMap開啟資料,如下圖。(空間框架和所

Arcgis for Js實現graphiclayer的空間查詢(續)

上文中,實現了簡單的針對graphiclayer的空間查詢工作,在本節,將更加詳細的介紹針對graphiclayer的空間查詢。首先,空間查詢的方式:提供多種型別的空間查詢,包括點周邊、線周邊、面內等多種方式;其次,圖形繪製完成後狀態的展示;再次,結果的顯示。實現後的結果如

Vue.jstodoList案例

本文詳細介紹利用Vue.js實現todoList功能以及模組化方法的封裝。todoList結合了vue的v-for、v-bing、v-on、v-if等等的指令,方便新手玩家入門vue的小練習。參考來源於IT營的大地老師關於Vue教程,需要的可留言郵箱,我會直接發百度雲連結,

arcgis for js描點

 //座標 var point = new esri.geometry.Point(x, y, map.spatialReference); //圖形的樣式 var symbolurl=“img/pic.jpg”; //建立 var symbol = new esri.sy

Arcgis for Js 座標轉換

                      我們在做gis專案的時候會經常遇到座標轉換的問題,我最近就是遇到客戶要求無論輸入什麼座標系的座標都要能在天地圖上定位,我查看了下js api發現GeometryService類有提供方法project               

Arcgis for JsGeometryService實現測量距離和麵積

距離和麵積的測量時GIS常見的功能,在本節,講述的是通過GeometryService實現測量面積和距離。先看看實現後的效果:                                  距離                                    

arcgis for js 從入門到放棄一:初識和配置

前言:去年因專案需要學習arcgis js,上手資料只有官網的api和demo,半年過去了資料還是很少,於是寫這個系列希望能幫助新手能快速入門。這東西我玩的時間也不長,各種不足和錯誤也希望大家能批評指正。 首先給出官網地址(https://developers.

arcgis api for jsecharts開源js庫實現地圖統計分析

不能 rgba data ron 創建 apc att load reat 前面寫過一篇關於arcgis api for js實現地圖統計圖的,具體見:http://www.cnblogs.com/giserhome/p/6727593.html 那是基於dojo組件來實

arcgis api 4.x for js基礎地圖篇

事件 之前 通過 時間 res webgl 參數說明 event inpu arcgis api3.x for js轉向arcgis api4.x,我也是最近的3-4個月時間的事情,剛好公司有個webgis項目需要展示三維場景,項目選擇arcgis api4.x。我純碎記錄

arcgis api for js 發布要素服務

ext http 客戶端 arc 連接數 mark publish bili 自己 1. 引言 如果我們要在網頁端實現要素的增刪改查操作,需要使用到要素服務(FeatureService),本篇文章將介紹如何發布要素服務。 1.1 什麽是要素服務 在發布之前,我們先了解下要

arcgis api for js 網絡分許服務發布

兩個 準備 conn 地圖 有一個 最短路 text 轉折點 and 1.引言 百度地圖上有這樣的功能:點擊兩個點,地圖上會顯示對兩個點的路徑規劃。這個功能能否利用 arcgis api 實現呢?答案是肯定的。不過在實現之前,我們需要將數據發布為網絡分析服務,接下來我將介紹

WebAppBuilder獨立於Portalarcgis for js應用框架研究

1.前言          最近在做專案過程中,用到了WAB,先做一下總結和歸類。Webappbuilder(簡稱WAB)是執行在portal或者online的一款webGIS開發應用程式,其程式碼開源並且具有優秀的設計外觀、多個系統微件、多平臺執行、積木模式搭建、靈活可擴充套件的開發方式,為現代webGIS

arcgis for js 開發系列地圖新增折線

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv

arcgis for js 開發系列熱力圖

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="v

arcgis for js 開發系列地圖實現右鍵點選事件

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv

arcgis for js 開發系列地圖地圖繪製矩形

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv

arcgis for js 開發系列地圖氣泡窗

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv