TiledImage Class
TiledImage top level Object. Before calling the contsructor, create div element in HTML part. This constructor needs the id name of the div element.
Constructor
TiledImage
-
id
Parameters:
-
idStringId of the div for top level
Example:
<div id="id_name" style="height:123px;width:456px;"></div>
<script>
new TiledImage("id_name")
.addLayer(new TilesLayer("tile","test/z${z}/${x}_${y}.jpg",4000,3000))
.addControl(new ButtonControl());
</script>
Item Index
Methods
Properties
Events
Methods
addControl
()
public
chainable
add Control objects under this TiledImage object
Returns:
addLayer
()
public
chainable
Add Layers objects under this TiledImage object
Returns:
append
()
private
append elements in each Layers within the view
getLayers
()
ArrayObject
public
get layers added on this TiledImage object.
Returns:
- name
- name of the layer
- show
- visible flag of the layer
getMaxSize
()
Array
public
get Max Size
Returns:
getPosition
()
Array
public
get absolute position (jump)
Returns:
getWindowSize
()
ArrayNumber,Number
public
get current windows size
Returns:
getZoom
()
Number
public
get curent zoom level
Returns:
getZooms
()
ArrayNumber,Number,Number
public
get min, curent, max zoom levels
Returns:
modLayer
-
name -
v
modulate Layer attribute
Parameters:
-
nameStringnameof the layer
-
vBooleanvisibility
move
-
x -
y
move pixels in the zoom level
Parameters:
-
xNumberpixels in the view in x
-
yNumberpixels in the view in y
removeAll
()
private
remove all the elements in each Layers
removeLayer
-
name
removeLayer attribute
Parameters:
-
nameStringof the layer
resize
-
w -
h
resize windows
Parameters:
-
wNumberwidth of the window
-
hNumberheight of the window
setPosition
-
x -
y
set position (absolute jump)
Parameters:
-
xNumberposition of originl image in x
-
yNumberposition of originl image in y
setZoom
-
z
set zoom level
Parameters:
-
zNumberzoom level
wrapPosition
()
private
wrapPosition
Properties
aChgL
ArrayObject
private
array of Layer Listener
Default: []
aChgM
ArrayObject
private
array of move Listener
Default: []
aChgS
ArrayObject
private
array of resize Listener
Default: []
aChgZ
ArrayObject
private
array of zoom Listener
Default: []
aCont
ArrayObject
private
array of Controls
Default: []
aLayers
ArrayObject
private
array of Layer object
Default: []
map
DOMElement
public
DOM Element of the moving layer
maxSize
ArrayNumber,Number
private
maxSize
Default: [0,0]
maxZ
Number
private
max Zoom level
Default: 0
minZ
Number
private
min Zoom level
Default: 10
position
ArrayNumber,Number
private
position of top-left
Default: [0,0]
self
Object
private
self: private scope of this
Default: this
target
DOMElement
public
The target DOM Element of TiledImage
windowSize
ArrayNumber,Number
private
windowSize
Default: [0,0]
wrap
Arrayboolean,boolean
private
wrap flag
Default: [false,false]
z_
Number
private
property of current zoom
Default: 0
Events
changelayer
Fire if layers status changed.
Event Payload:
-
aLayersArrayObjectarray of layers status object.
- object{
- l: layer object
- show: boolean for the showing status
- object{
changezoom
Fire if zooms status changed.
Event Payload:
-
zoomsArrayObjectarray of [minZ, curZ, maxZ].
move
Fire if the view is moved.
Event Payload:
-
positionArrayNumber,Numberarray of absolute Position.
resize
Fire if the view window size changed.
Event Payload:
-
windowSizeArrayNumber,Numberarray of [width, height].