UNPKG

openlayermap

Version:

openlayer Map Component for Vue 2.0

github.com/huhongxun1985/gis

huhongxun1985/gis

122 lines (121 loc) • 8.85 kB
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
116
117
118
119
120
121
122
/** * 地图图层默认的地图符号样式 胡红勋 2017-12-23 */ const SymbolConfig = { defaultPoint: { // 默认是一个原点 circleStyle: { fillColor: '#ffff00', strokeStyle: { outLineWidth: 2, outLineColor: '#6666aa' }, radius: 6 } }, // 外部的图片 iconPoint: { iconStyle: { url: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAApCAYAAAC2qTBFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJDMDVGMjhBNzAxRjExRTc5RUM0QjUxNkM0RDRDNDU1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJDMDVGMjhCNzAxRjExRTc5RUM0QjUxNkM0RDRDNDU1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkMwNUYyODg3MDFGMTFFNzlFQzRCNTE2QzRENEM0NTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkMwNUYyODk3MDFGMTFFNzlFQzRCNTE2QzRENEM0NTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6MNkMWAAAFnklEQVR42sRYe0xTVxj/Tims0CIdCBSEIooVjAycHaJOolmYj2l0LjK3xKELMcHE6VSiWzYfS3R/qdlcXMS5jZjJYoioiwrOCVMQRRTRMRkwB8hrqFhogfKwZ9+53FsvXVtKofZLfr3nnnN67+9+53udQyil4DZJj4jHXyVCB9/W37EcloB75SCiALHL2qC7yQnaqrA2KBW1wxHrEImI8aMkXoTY7MC8DnuDArkkxD6EzIX2peSX8SuRfen4a52FHW5CfMzIqS2ItQ2Z7JxUW+lbgVjLIT2CPT/LgtRu/E1FTOR7fiforTuxsYr3mirENcTYu/CVU9FwNXsWtFWpoK9zuBUqZOQZufPYiEUYEdkIk8vdoLFWCfeKJsLZXcvNfcnb8kGjrYTps7eKvZUZvwei/YUQYxIWpYPb5+K49vjoVu56/8pUJKa3DCWCV764aHzs04XQWDoRfMN0kHEii7uy+282LndvnLvwYzyU/ZTItZduzYdxAUZI+eIMd195Nh4dY617yHU+kUHe/oWDS5tQB0krq7i29o06mLygypw1BsOObXIx20zrjxXQyJG+39gPkobHIOsbAPK/QaaljNwjHLHUL88MGVv9WT7XDzAD4yAX/5i3luE1FNGAyBPmKtNMOxfHkeLsjeQ3y3dUNoIi/y6dcKceQuoe0cC2DgjQG0He2w8v9T8DT2Hey3LQ5e2QfBcdCl0j+L7d1tLXEMFixfzlj/Xg+XMJjbh0D6ZUNNCodgP4O/KWp12gvF5DA6NDSZczViC1N3i5kmpDNtAZPX0gd7ay8ldAr7MmKh3GfuxGci8p9EcFQ12smjQkTIamoHFgXHOYrhfP0XWDl0vIWa2xCNBX1HB/VSIp/2AeqRvnDQOsX98DHpuP0zmEcCZhlr25dMm9Bijd+y65jR9DXUYuRAmtmWkkJymGPBH3X62i/mmZNKW1A4It/4N9QZmX6VJ0oLjjGyQ5cRHQ6bAi7GlIfD8Zl+/aHsn3lsRu1IJy9SG6zhoxsdQ/hvAVB0ypNa3gY2faa4jDPGyTwyXoM1ehAdB0frskG4273zKmrTtiSjEYQeGIJpiXv3fI9I7J9uIGIBJ42M8QwX7w6MP55Hzh55Isld9zsoJsz6bapnYIGYlpoOYm7T1Np49qWZnMjCR/HVxDbo73HaoxJl294JFzg85zxgtPFNO5oyZnT77Oo1MdXU5LaX4KKgzqYU6Tm6MhFZ8sJ6W2xi/9QaNHUwP8cgs0ToeS3C3kwjC2ox4Nuapmirs9MvbL2tkD0o5u8BsNubZOzjPHNkMwqW0Fua836DEr+Ir7vb2gxwch83qeT7t7QfbMBFJmnyZRMYGZRe8Scq9GQseWJeTc/nN02aQgeOgzSIY+MYAferE3I8TmeXrAAJIwKOVgUPkRXXffYJ6tbqHhWemSk8O9x2Y950hRKfUAug9jFpJcKfQjof7UJPLr61Oh6XQZaM7eoklijRXvlhyYHm5Ta4tECtM6HUpknmCSSoDOj4FmcX9KIimY4A+de07RN5Nj4cHsKVBuDv8KaLdDbOwPcliuZQWBcB+lgvaTJXTmP20QgcE2PmYCMY9NCyMPRlQBjckxSDIpENoX79LojGWkcK4Gyre+Ra4V/kmncfaDC5u2AG67tJ6zJpsWkWrcTxTm3qTzS2og/mkXVUQFk5aPsujbje0QisQo1n4XV2hJy0ie67RDWJPjRVR99DJN/PtfUKPX+ihkYNCooB41e33VLNLkwCOGOAQjx1IUy3MP2ZbXzYeJi/mjEXYsksBsTige/d180inhOYDAiXWUIJ4h5IjZMFzCc40Q/t3ChqpEsDmWwHMRQbxKDcMdh7pAWJ725k862bvfZz5A+KN+1x+7OiYsDe5geyZBc+atAjw/sA58gcvLCDxCXEf8wDsmJ/8JMAB35P2CzQi35QAAAABJRU5ErkJggg==', size: [30, 30], anchor: [0, 2], rotation: 0, opacity: 0.6 }, textStyle: { label: '点位', labelXOffset: 35, labelYOffset: 35, fillColor: '#ff0000', outLineColor: '00ff00', outLineWidth: 5, lineDash: [1] } }, // 绘制类默认的样式 defaultDrawStyle: { // iconStyle: { // url: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAApCAYAAAC2qTBFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJDMDVGMjhBNzAxRjExRTc5RUM0QjUxNkM0RDRDNDU1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJDMDVGMjhCNzAxRjExRTc5RUM0QjUxNkM0RDRDNDU1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkMwNUYyODg3MDFGMTFFNzlFQzRCNTE2QzRENEM0NTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkMwNUYyODk3MDFGMTFFNzlFQzRCNTE2QzRENEM0NTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6MNkMWAAAFnklEQVR42sRYe0xTVxj/Tims0CIdCBSEIooVjAycHaJOolmYj2l0LjK3xKELMcHE6VSiWzYfS3R/qdlcXMS5jZjJYoioiwrOCVMQRRTRMRkwB8hrqFhogfKwZ9+53FsvXVtKofZLfr3nnnN67+9+53udQyil4DZJj4jHXyVCB9/W37EcloB75SCiALHL2qC7yQnaqrA2KBW1wxHrEImI8aMkXoTY7MC8DnuDArkkxD6EzIX2peSX8SuRfen4a52FHW5CfMzIqS2ItQ2Z7JxUW+lbgVjLIT2CPT/LgtRu/E1FTOR7fiforTuxsYr3mirENcTYu/CVU9FwNXsWtFWpoK9zuBUqZOQZufPYiEUYEdkIk8vdoLFWCfeKJsLZXcvNfcnb8kGjrYTps7eKvZUZvwei/YUQYxIWpYPb5+K49vjoVu56/8pUJKa3DCWCV764aHzs04XQWDoRfMN0kHEii7uy+282LndvnLvwYzyU/ZTItZduzYdxAUZI+eIMd195Nh4dY617yHU+kUHe/oWDS5tQB0krq7i29o06mLygypw1BsOObXIx20zrjxXQyJG+39gPkobHIOsbAPK/QaaljNwjHLHUL88MGVv9WT7XDzAD4yAX/5i3luE1FNGAyBPmKtNMOxfHkeLsjeQ3y3dUNoIi/y6dcKceQuoe0cC2DgjQG0He2w8v9T8DT2Hey3LQ5e2QfBcdCl0j+L7d1tLXEMFixfzlj/Xg+XMJjbh0D6ZUNNCodgP4O/KWp12gvF5DA6NDSZczViC1N3i5kmpDNtAZPX0gd7ay8ldAr7MmKh3GfuxGci8p9EcFQ12smjQkTIamoHFgXHOYrhfP0XWDl0vIWa2xCNBX1HB/VSIp/2AeqRvnDQOsX98DHpuP0zmEcCZhlr25dMm9Bijd+y65jR9DXUYuRAmtmWkkJymGPBH3X62i/mmZNKW1A4It/4N9QZmX6VJ0oLjjGyQ5cRHQ6bAi7GlIfD8Zl+/aHsn3lsRu1IJy9SG6zhoxsdQ/hvAVB0ypNa3gY2faa4jDPGyTwyXoM1ehAdB0frskG4273zKmrTtiSjEYQeGIJpiXv3fI9I7J9uIGIBJ42M8QwX7w6MP55Hzh55Isld9zsoJsz6bapnYIGYlpoOYm7T1Np49qWZnMjCR/HVxDbo73HaoxJl294JFzg85zxgtPFNO5oyZnT77Oo1MdXU5LaX4KKgzqYU6Tm6MhFZ8sJ6W2xi/9QaNHUwP8cgs0ToeS3C3kwjC2ox4Nuapmirs9MvbL2tkD0o5u8BsNubZOzjPHNkMwqW0Fua836DEr+Ir7vb2gxwch83qeT7t7QfbMBFJmnyZRMYGZRe8Scq9GQseWJeTc/nN02aQgeOgzSIY+MYAferE3I8TmeXrAAJIwKOVgUPkRXXffYJ6tbqHhWemSk8O9x2Y950hRKfUAug9jFpJcKfQjof7UJPLr61Oh6XQZaM7eoklijRXvlhyYHm5Ta4tECtM6HUpknmCSSoDOj4FmcX9KIimY4A+de07RN5Nj4cHsKVBuDv8KaLdDbOwPcliuZQWBcB+lgvaTJXTmP20QgcE2PmYCMY9NCyMPRlQBjckxSDIpENoX79LojGWkcK4Gyre+Ra4V/kmncfaDC5u2AG67tJ6zJpsWkWrcTxTm3qTzS2og/mkXVUQFk5aPsujbje0QisQo1n4XV2hJy0ie67RDWJPjRVR99DJN/PtfUKPX+ihkYNCooB41e33VLNLkwCOGOAQjx1IUy3MP2ZbXzYeJi/mjEXYsksBsTige/d180inhOYDAiXWUIJ4h5IjZMFzCc40Q/t3ChqpEsDmWwHMRQbxKDcMdh7pAWJ725k862bvfZz5A+KN+1x+7OiYsDe5geyZBc+atAjw/sA58gcvLCDxCXEf8wDsmJ/8JMAB35P2CzQi35QAAAABJRU5ErkJggg==', // size: [30, 30], // anchor: [15, 15], // rotation: 0, // opacity: 1 // }, textStyle: { label: '', labelXOffset: 35, labelYOffset: 35, fillColor: '#ff0000' }, circleStyle: { fillColor: '#ffff00', strokeStyle: { outLineWidth: 2, outLineColor: '#6666aa' }, radius: 3 }, strokeStyle: { outLineColor: '#000080', outLineWidth: 2, lineDash: [1] }, fillColor: '#ffffff' }, defaultPolyline: { strokeStyle: { outLineWidth: 4, outLineColor: '#ff0000' } }, defaultPolygon: { // fillColor: '#00ff00', strokeStyle: { outLineWidth: 4, outLineColor: '#6666aa' } }, // 默认矢量图层的样式 defaultVectorLayer: { circleStyle: { fillColor: '#ffff00', strokeStyle: { outLineWidth: 2, outLineColor: '#6666aa' }, radius: 6 }, fillColor: 'rgba(255,255,0,0.3)', strokeStyle: { outLineWidth: 4, outLineColor: '#FF0000' } }, // 默认扇形图层的样式 defaultSectorLayer: { // circleStyle: { // fillColor: '#ffff00', // strokeStyle: { // outLineWidth: 2, // outLineColor: '#6666aa' // }, // radius: 6 // }, fillColor: '#00ff00', strokeStyle: { outLineWidth: 4, outLineColor: '#FF0000' } }, defaultSelectSymbol: { circleStyle: { fillColor: 'rgba(255, 255, 255, 0.2)', strokeStyle: { outLineWidth: 2, outLineColor: '#ffcc33' }, radius: 7 } } } export default SymbolConfig