maxCanvasMap/main.html at master · markismark/maxCanvasMap · GitHub

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>
	<head>
		<meta charset='utf-8'>
		<title>map</title>
		<link rel="stylesheet" type="text/css" href="example/css/main.css">
	</head>
	<body>
		<div id="top">
			<div id="logo"><img src="example/image/logo.png" style="width:60px;height: 60px">
			</div>
			<div id="logoTitle">
				maxCanvasMap
			</div>
			<div id="seconeTitle">
				基于HTML5的新一代地图API
			</div>
            <div id="myself">
                <a href="http://weibo.com/maxinnb/" target="_blank">
                    <img src="example/image/weibo.jpg" >
                </a>
                <a href="https://github.com/Maxgis/maxCanvasMap" target="_blank">
                    <img src="example/image/github.jpg" >
                </a>
                <a href="http://www.cnblogs.com/HPhone/" target="_blank">
                    <img src="example/image/blog.jpg" >
                </a>
            </div>
		</div>
		<div id="map"></div>
        <div id="lonlat"></div>
		<div id="wrapper">
			<div class="wc_wrapper" >
				<div class="c1">
					切换底图：
				</div>
				<div>
					<select id="basemaps">
						<option value="Google">谷歌地图</option>
						<option value="OpenStreet">OpenStreet</option>
						<option value="bingmaps">微软Bing Maps</option>
						<option value="amap">高德</option>
						<option value="ago">ArcGIS Online</option>
                        <option value="baidu">百度地图</option>
					</select>
				</div>
			</div>
            <div class="wc_wrapper">
                <div class="c1">
                    随机添加点要素：
                </div>
                <div>
                    <select id="pointNum">
                        <option value="0">选择点个数</option>
                        <option value="1000">1000个</option>
                        <option value="3000">3000个</option>
                        <option value="5000">5000个</option>
                        <option value="10000">10000个</option>
                    </select>
                </div>
            </div>
            <div class="wc_wrapper">
                <div class="c1">
                    手动添加要素：
                </div>
                <div>
                    <button id="drawPoint" onclick="drawPoint()">点</button>
                    <button id="drawLine" onclick="drawLine()">线</button>
                    <button id="drawPolygon" onclick="drawPolygon()">面</button>
                    <button id="drawend" disabled="disabled" onclick="drawend()">结束</button>
                </div>
            </div>
            <div class="wc_wrapper">
                <div class="c1">
                    滤镜效果：
                </div>
                <div>
                    <select id="filter">
                        <option value="">选择滤镜效果</option>
                        <option value="colorInvert">反色</option>
                        <option value="gray">灰色</option>
                        <option value="blur">模糊</option>
                    </select>
                </div>
            </div>
            <div class="wc_wrapper">
                <button onclick="clearConsole()">清除控制台</button>
                <button onclick="clearFeature()">清除要素</button>
            </div>

            <div id="console">
                <div>开始加载图层</div>
            </div>
		</div>
		<script type="text/javascript" src="src/map.js"></script>
		<script type="text/javascript" src="src/Event/event.js"></script>
		<script type="text/javascript" src="src/Layer/Layer.js"></script>
		<script type="text/javascript" src="src/Layer/TileLayer.js"></script>
		<script type="text/javascript" src="src/Layer/GoogleLayer.js"></script>
        <script type="text/javascript" src="src/Layer/OpenStreetLayer.js"></script>
        <script type="text/javascript" src="src/Layer/BingMapsLayer.js"></script>
        <script type="text/javascript" src="src/Layer/AMapLayer.js"></script>
        <script type="text/javascript" src="src/Layer/AGSTileLayer.js"></script>
        <script type="text/javascript" src="src/Layer/BaiduLayer.js"></script>
        <script type="text/javascript" src="src/Layer/GraphicsLayer.js"></script>
		<script type="text/javascript" src="src/Geometry/Graphic.js"></script>
		<script type="text/javascript" src="src/Geometry/Geometry.js"></script>
		<script type="text/javascript" src="src/Symbol/symbol.js"></script>
		<script type="text/javascript" src="src/util.js"></script>
        <script type="text/javascript" src="src/Filter.js"></script>
        <script type="text/javascript" src="src/tools/DrawTool.js"></script>
        <!--<script type="text/javascript" src="canvasMap-min.js"></script>-->
		<script type="text/javascript" src="example/js/example.js"></script>
	</body>
</html>