@ohuoy/easymap 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/2..html +105 -0
- package/dist/airplane.svg +1 -0
- package/dist/alarm.svg +1 -0
- package/dist/bundle.js +12673 -0
- package/dist/index.html +150 -0
- package/index.html +13 -0
- package/index.js +597 -0
- package/main.js +16 -0
- package/node_modules.zip +0 -0
- package/package.json +30 -0
- package/src/components/EasyMapMarker.js +30 -0
- package/src/components/control/Toobars.js +281 -0
- package/src/components/gif/gif.js +4 -0
- package/src/components/gif/gif.js.map +1 -0
- package/src/components/gif/gif.worker.js +11 -0
- package/src/components/gif/gif.worker.js.map +1 -0
- package/src/components/index.js +14 -0
- package/src/components/layer/ScanLayer.js +468 -0
- package/src/components/layer/WallLayer.js +318 -0
- package/src/model/EasyMapComponents.ts +13 -0
- package/src/model/EasyMapEvent.ts +6 -0
- package/src/utils/util.js +104 -0
- package/webpack.config.js +37 -0
package/dist/2..html
ADDED
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
7
|
+
<title>Document</title>
|
|
8
|
+
</head>
|
|
9
|
+
<body>
|
|
10
|
+
<canvas id="cvs"
|
|
11
|
+
width="200"
|
|
12
|
+
height="200"
|
|
13
|
+
style="border: dashed 1px red">
|
|
14
|
+
你的浏览器不支持画布元素
|
|
15
|
+
</canvas>
|
|
16
|
+
<script type="text/javascript">
|
|
17
|
+
//获取画布元素
|
|
18
|
+
var cvs=document.getElementById("cvs");
|
|
19
|
+
//获取到元素的上下文环境对象
|
|
20
|
+
var gl=cvs.getContext('webgl');
|
|
21
|
+
|
|
22
|
+
//顶点着色器变量
|
|
23
|
+
var VSHADER_SOURCE =
|
|
24
|
+
//使用存储限定符定义一个接受顶点坐标的变量
|
|
25
|
+
'attribute vec4 a_Position;'+
|
|
26
|
+
'attribute vec4 a_Color;'+
|
|
27
|
+
'varying vec4 v_Color;'+
|
|
28
|
+
'void main() {' +
|
|
29
|
+
|
|
30
|
+
//定义点的坐标并转换成变量保存
|
|
31
|
+
'gl_Position = a_Position; ' +
|
|
32
|
+
'v_Color = a_Color; ' +
|
|
33
|
+
'} ';
|
|
34
|
+
|
|
35
|
+
//片段着色器变量
|
|
36
|
+
var FSHADER_SOURCE =
|
|
37
|
+
'precision mediump float;'+
|
|
38
|
+
'varying vec4 v_Color;'+
|
|
39
|
+
'void main() {' +
|
|
40
|
+
//设置图形像素的颜色并保存
|
|
41
|
+
'gl_FragColor = v_Color ;' +
|
|
42
|
+
|
|
43
|
+
'}';
|
|
44
|
+
|
|
45
|
+
//新建一个用于装顶点字符串的着色器对象
|
|
46
|
+
var vertShader = gl.createShader(gl.VERTEX_SHADER);
|
|
47
|
+
//加载保存好的顶点代码字符串变量
|
|
48
|
+
gl.shaderSource(vertShader, VSHADER_SOURCE);
|
|
49
|
+
//编译顶点着色器
|
|
50
|
+
gl.compileShader(vertShader);
|
|
51
|
+
|
|
52
|
+
//新建一个用于装片段字符串的着色器对象
|
|
53
|
+
var fragShader = gl.createShader(gl.FRAGMENT_SHADER);
|
|
54
|
+
//加载保存好的片段代码字符串变量
|
|
55
|
+
gl.shaderSource(fragShader, FSHADER_SOURCE);
|
|
56
|
+
//编译片段着色器
|
|
57
|
+
gl.compileShader(fragShader);
|
|
58
|
+
|
|
59
|
+
//新建一个程序
|
|
60
|
+
var shaderProgram = gl.createProgram();
|
|
61
|
+
|
|
62
|
+
//分别附加两个已编译好的着色器对象
|
|
63
|
+
gl.attachShader(shaderProgram, vertShader);
|
|
64
|
+
gl.attachShader(shaderProgram, fragShader);
|
|
65
|
+
|
|
66
|
+
//链接两个附件加好的着色器程序
|
|
67
|
+
gl.linkProgram(shaderProgram);
|
|
68
|
+
//开启程序的使用
|
|
69
|
+
gl.useProgram(shaderProgram);
|
|
70
|
+
//定义一个类型数组保存顶点坐标值
|
|
71
|
+
var vertices = new Float32Array([
|
|
72
|
+
// x, y, red, green, blue
|
|
73
|
+
0.0, 0.5, 1.0, 0.0, 0.0,
|
|
74
|
+
-0.5, -0.5, 0.0, 1.0, 0.0,
|
|
75
|
+
0.5, -0.5, 0.0, 0.0, 1.0,
|
|
76
|
+
]);
|
|
77
|
+
//先创建一个缓存对象
|
|
78
|
+
var vertexBuffer = gl.createBuffer();
|
|
79
|
+
//说明缓存对象保存的类型
|
|
80
|
+
gl.bindBuffer(gl.ARRAY_BUFFER, vertexBuffer);
|
|
81
|
+
//写入坐标数据
|
|
82
|
+
gl.bufferData(gl.ARRAY_BUFFER, vertices, gl.STATIC_DRAW);
|
|
83
|
+
//获取到数组中单个元素的字节数
|
|
84
|
+
var FSIZE = vertices.BYTES_PER_ELEMENT;
|
|
85
|
+
|
|
86
|
+
//获取到顶点着色器中变量
|
|
87
|
+
var a_Position = gl.getAttribLocation(shaderProgram, 'a_Position');
|
|
88
|
+
//将坐标值赋值给变量
|
|
89
|
+
gl.vertexAttribPointer(a_Position, 2, gl.FLOAT, false, FSIZE*5, 0);
|
|
90
|
+
//开启变量值的使用
|
|
91
|
+
gl.enableVertexAttribArray(a_Position);
|
|
92
|
+
|
|
93
|
+
//获取到顶点着色器中变量
|
|
94
|
+
var a_Color = gl.getAttribLocation(shaderProgram, 'a_Color');
|
|
95
|
+
//将坐标值赋值给变量
|
|
96
|
+
gl.vertexAttribPointer(a_Color, 3, gl.FLOAT, false, FSIZE*5, FSIZE*2);
|
|
97
|
+
//开启变量值的使用
|
|
98
|
+
gl.enableVertexAttribArray(a_Color);
|
|
99
|
+
|
|
100
|
+
//绘制指定位置的图形
|
|
101
|
+
gl.drawArrays(gl.TRIANGLES, 0, 3);
|
|
102
|
+
|
|
103
|
+
</script>
|
|
104
|
+
</body>
|
|
105
|
+
</html>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20.56 3.91C21.15 4.5 21.15 5.45 20.56 6.03L16.67 9.92L18.79 19.11L17.38 20.53L13.5 13.1L9.6 17L9.96 19.47L8.89 20.53L7.13 17.35L3.94 15.58L5 14.5L7.5 14.87L11.37 11L3.94 7.09L5.36 5.68L14.55 7.8L18.44 3.91C19 3.33 20 3.33 20.56 3.91Z" /></svg>
|
package/dist/alarm.svg
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,20A7,7 0 0,1 5,13A7,7 0 0,1 12,6A7,7 0 0,1 19,13A7,7 0 0,1 12,20M12,4A9,9 0 0,0 3,13A9,9 0 0,0 12,22A9,9 0 0,0 21,13A9,9 0 0,0 12,4M12.5,8H11V14L15.75,16.85L16.5,15.62L12.5,13.25V8M7.88,3.39L6.6,1.86L2,5.71L3.29,7.24L7.88,3.39M22,5.72L17.4,1.86L16.11,3.39L20.71,7.25L22,5.72Z" /></svg>
|