<< Click to Display Table of Contents >>

supergis server javascript api

 

ScaleBarControl (pParentElem, pMapBase)

 

 

Description

地圖比例尺控制項物件。

 

Position

Controls.js

 

 

Parameters

 

Parameter

Description

pParentElem

網頁DOM容器物件(Container Object),控制項物件將建構於此容器物件內。通常是div元素,也可以是span或其他類似容器件。

pMapBase

主地圖物件。

 

 

Properties

 

Property

Description

none

none

 

 

Functions

 

Function

Description

UpdateElement()

更新地圖比例尺控制項物件。

 

 

Example

 

<script type="text/javascript" src="scripts/MapBase.js"></script>

<script type="text/javascript" src="scripts/Controls.js"></script>

 

//Get layer extent

var pLyr = new MapLayer("Layer name", "Agent.aspx");

var pExt = new MapEnvelope(pLyr.getLeft(), pLyr.getTop(), pLyr.getRight(), pLyr.getBottom());

 

//Scale map to fit client's monitor size

var sx = mapNode.clientWidth / (pExt.Right - pExt.Left);

var sy = mapNode.clientHeight / (pExt.Bottom - pExt.Top);

var s = (Math.abs(sx) < Math.abs(sy) ? Math.abs(sx) : Math.abs(sy));

 

var pTrans = new LevelTransformation(1, 0, 10);

pTrans.putBaseScaleX(sx > 0 ? s : -s);

pTrans.putBaseScaleY(sy > 0 ? s : -s);

 

//Create map

var pMapBase = new MapBase(pOMap, pTrans, 0, 0, "100%", "100%");

 

//Iinitialize scale bar tool

var pScale = new ScaleBarControl(pMapBase.getHPackage(), pMapBase);

//Add scale bar to map element

pMapBase.AddElement(pScale);

 

 

See live example

 


©2015 Supergeo Technologies Inc.