forked from athlon8048/MeteoInfoWeb
-
Notifications
You must be signed in to change notification settings - Fork 0
/
script_tutorial_12.html
115 lines (109 loc) · 4.8 KB
/
script_tutorial_12.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>MeteoInfo Product</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/jquery.ennui.contentslider.css" rel="stylesheet" type="text/css" media="screen,projection" />
<style type="text/css">
body{
background-image:url("images/templatemo_body1.jpg")
}
</style>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="js/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
$("a[rel=GalleryGroup]").fancybox({
'transitionIn' : 'none',
'transitionOut' : 'none',
'titlePosition' : 'over',
'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' ' + title : '') + '</span>';
}
});
});
</script>
</head>
<body>
<div id="templatemo_header_wrapper">
<div id="templatemo_header">
<div id="site_title">
<h1>MeteoInfo <span></span></h1>
</div>
<div class="cleaner"></div>
</div>
<!-- end of header -->
<div id="templatemo_menu">
<ul>
<li><a href="Index.html">Home</a></li>
<li><a href="Products.html">Products</a></li>
<li><a href="Examples.html" class="current">Examples</a></li>
<li><a href="Downloads.html">Downloads</a></li>
<li><a href="Documentation.html">Documentation</a></li>
</ul>
</div>
<!-- end of templatemo_menu -->
</div>
<!-- end of header_wrapper -->
<div id="templatemo_content_wrapper_outer">
<div id="templatemo_content_wrapper_inner">
<div id="templatemo_content_wrapper">
<div id="templatemo_content" style="width:100%">
<div class="cleaner_h10"></div>
<div class="services_section">
<h4><a href="javascript:;">MeteoInfo script tutorial 12: Maskout</a></h4>
<div class="services_content">
<p>Maskout function was used while plot only the figure parts inside some certain areas. There is a MaskOut
object in MapView object, which can be obtained using "getMaskOut()" method. In MaskOut class, "setMask(boolean
isMask)" method decides if enable maskout function; "setMaskLayer(String layerName)" method will set the layer
which is used as the maskout layer with polygon feature type (not too complex for better view speed). Every
layer can be set is enable maskout function using "setMaskout(boolean isMask)" method of the layer.<br />
<br />
The following script demonstrates the maskout function. <br />
</p>
<div class="cleaner"></div>
</div>
</div>
</div>
<!-- end of templatemo_content -->
<!-- end of sidebar -->
<div class="services_section">
<h5><a href="examples/script/tutorial_12_maskout.py">tutorial_12_maskout.py </a></h5>
<div class="services_content">
<div id="gallery" style="width:100%">
<ul>
<li> <a href="javascript:;" title="1"><img src="examples/image/maskout_before.png" alt="01" /></a>
<div class="button"><a rel='GalleryGroup' href="examples/image/maskout_before.png">Zoom In</a></div>
</li>
<li> <a href="javascript:;" title="1"><img src="examples/image/maskout_after.png" alt="01" /></a>
<div class="button"><a rel='GalleryGroup' href="examples/image/maskout_after.png">Zoom In</a></div>
</li>
</ul>
</div>
<div class="cleaner"></div>
</div>
</div>
<div class="cleaner"></div>
</div>
</div>
</div>
<div id="templatemo_footer_wrapper">
<div id="templatemo_footer">
<ul class="footer_menu">
<li><a href="Index.html">Home</a></li>
<li><a href="Products.html">Products</a></li>
<li><a href="Examples.html">Examples</a></li>
<li><a href="Downloads.html">Downloads</a></li>
<li><a href="Documentation.html">Documentation</a></li>
</ul>
Copyright © 2011-2015 - Yaqiang Wang (<a href="mailto:yaqiang.wang@gmail.com">yaqiang.wang@gmail.com</a>) </div>
<!-- end of footer -->
</div>
<!-- end of footer_wrapper -->
</body>
</html>