File tree Expand file tree Collapse file tree 8 files changed +129
-35
lines changed
website/public/static/demo
vue-mapboxgl/example/vue-overlay Expand file tree Collapse file tree 8 files changed +129
-35
lines changed Original file line number Diff line number Diff line change 104104 "detail" : " " ,
105105 "icon" : " map.png" ,
106106 "update" : " 最后更新时间:2021-06-07"
107+ },
108+ {
109+ "name" : " arcgis图例组件" ,
110+ "file" : " legend" ,
111+ "diffcult" : " 3" ,
112+ "detail" : " " ,
113+ "icon" : " legend.png" ,
114+ "update" : " 最后更新时间:2021-06-07"
107115 }
108116 ]
109117 },
176184 "detail" : " " ,
177185 "icon" : " compare.png" ,
178186 "update" : " 最后更新时间:2021-06-07"
179- },
180- {
181- "name" : " arcgis图例组件" ,
182- "file" : " legend" ,
183- "diffcult" : " 3" ,
184- "detail" : " " ,
185- "icon" : " legend.png" ,
186- "update" : " 最后更新时间:2021-06-07"
187187 }
188188 ]
189189 },
Original file line number Diff line number Diff line change 370370 "update" : " 最后更新时间:2021-03-08"
371371 }
372372 ]
373- },
374- {
375- "name" : " Vue-Overlay" ,
376- "iconfont" : " iconeye" ,
377- "folder" : " vue-overlay" ,
378- "leaffolder" : true ,
379- "childs" : [
380- {
381- "name" : " echarts" ,
382- "file" : " echarts" ,
383- "diffcult" : " 2" ,
384- "detail" : " " ,
385- "icon" : " event-layer.png" ,
386- "update" : " 最后更新时间:2021-06-07"
387- },
388- {
389- "name" : " mapv" ,
390- "file" : " mapv" ,
391- "diffcult" : " 2" ,
392- "detail" : " " ,
393- "icon" : " event-layer.png" ,
394- "update" : " 最后更新时间:2021-06-07"
395- }
396- ]
397373 }
398374 ]
399375}
Original file line number Diff line number Diff line change 1616 overflow : hidden;
1717 }
1818 </ style >
19- < script src ="../../../../../../../../../../productSet/mapgis-client-for-javascript-all-v10.5.4.10/site/static/libs/include-cesium-local.js "> </ script >
2019 </ head >
2120
2221 < body >
File renamed without changes.
Original file line number Diff line number Diff line change 2020 < mapgis-3d-arcgis-map-layer :base-url ="mapUrl2 " :id ="mapId2 "> </ mapgis-3d-arcgis-map-layer >
2121 < mapgis-3d-arcgis-tile-layer :base-url ="tileUrl " :id ="tileId "> </ mapgis-3d-arcgis-tile-layer >
2222 < mapgis-3d-arcgis-map-layer :base-url ="mapUrl1 " :id ="mapId1 "> </ mapgis-3d-arcgis-map-layer >
23- < mapgis-3d-compare :before-layers ="beforeLayers " :after-layers ="afterLayers ">
23+ < mapgis-3d-compare :before-layers ="beforeLayers " :after-layers ="afterLayers " :vue-key =" vueKey " >
2424 </ mapgis-3d-compare >
2525 </ mapgis-web-scene >
2626 </ div >
3939 mapUrl2 : "http://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetGray/MapServer" ,
4040 mapId2 : "map2-layer" ,
4141 beforeLayers : [ "tile-layer" ] ,
42- afterLayers : [ "map1-layer" ]
42+ afterLayers : [ "map1-layer" ] ,
43+ vueKey : 'default'
4344 }
4445 }
4546 } )
File renamed without changes.
Original file line number Diff line number Diff line change 1+ <!DOCTYPE html>
2+ < html xmlns ="http://www.w3.org/1999/xhtml ">
3+ < head >
4+ < meta charset ="utf-8 " />
5+ < meta name ="viewport " content ="initial-scale=1,maximum-scale=1,user-scalable=no " />
6+ < title > Vue-点</ title >
7+ < script include ="vue " exclude ="plugin,mapboxgl " src ="./static/libs/include-mapboxgl-local.js "> </ script >
8+ < style type ="text/css ">
9+ # main {
10+ margin : 0 0 ;
11+ width : 100% ;
12+ height : 100vh ;
13+ }
14+ # map {
15+ height : 100vh ;
16+ width : 100% ;
17+ }
18+ </ style >
19+ </ head >
20+
21+ < body >
22+ < div id ="app ">
23+ < mapgis-web-map id ="map "
24+ :map-style ="mapStyle "
25+ :zoom ="mapZoom "
26+ :center ="outerCenter "
27+ :crs ="mapCrs "
28+ v-on:load ="handleMapLoad "
29+ >
30+ </ mapgis-web-map >
31+ </ div >
32+ < script >
33+ new Vue ( {
34+ el : '#app' ,
35+ data ( ) {
36+ return {
37+ mapStyle : {
38+ version : 8 , //设置版本号,一定要设置
39+ sources : { } , //添加来源
40+ layers : [ ] , //设置加载并显示来源的图层信息
41+ //特别注意,这里是字体库,下面的sprite才是样式库
42+ glyphs : 'http://develop.smaryun.com:6163/igs/rest/mrms/vtiles/fonts/{fontstack}/{range}.pbf' ,
43+ //特别注意,这里是真正的图片样式库
44+ sprite : 'http://develop.smaryun.com:6163/igs/rest/mrms/vtiles/sprite'
45+ } , // 地图样式
46+ mapZoom : 3 , // 地图初始化级数
47+ outerCenter : [ 114.39960479736327 , 30.495722001885323 ] , // 地图显示中心
48+ mapCrs : 'EPSG:4326' ,
49+ } ;
50+ } ,
51+ methods : {
52+ handleMapLoad ( payload ) {
53+ let map = payload . map ;
54+ }
55+ }
56+ } ) ;
57+ </ script >
58+ </ body >
59+ </ html >
Original file line number Diff line number Diff line change 1+ <!DOCTYPE html>
2+ < html xmlns ="http://www.w3.org/1999/xhtml ">
3+ < head >
4+ < meta charset ="utf-8 " />
5+ < meta name ="viewport " content ="initial-scale=1,maximum-scale=1,user-scalable=no " />
6+ < title > Vue-点</ title >
7+ < script include ="vue " exclude ="plugin,mapboxgl " src ="./static/libs/include-mapboxgl-local.js "> </ script >
8+ < style type ="text/css ">
9+ # main {
10+ margin : 0 0 ;
11+ width : 100% ;
12+ height : 100vh ;
13+ }
14+ # map {
15+ height : 100vh ;
16+ width : 100% ;
17+ }
18+ </ style >
19+ </ head >
20+
21+ < body >
22+ < div id ="app ">
23+ < mapgis-web-map id ="map "
24+ :map-style ="mapStyle "
25+ :zoom ="mapZoom "
26+ :center ="outerCenter "
27+ :crs ="mapCrs "
28+ v-on:load ="handleMapLoad "
29+ >
30+ </ mapgis-web-map >
31+ </ div >
32+ < script >
33+ new Vue ( {
34+ el : '#app' ,
35+ data ( ) {
36+ return {
37+ mapStyle : {
38+ version : 8 , //设置版本号,一定要设置
39+ sources : { } , //添加来源
40+ layers : [ ] , //设置加载并显示来源的图层信息
41+ //特别注意,这里是字体库,下面的sprite才是样式库
42+ glyphs : 'http://develop.smaryun.com:6163/igs/rest/mrms/vtiles/fonts/{fontstack}/{range}.pbf' ,
43+ //特别注意,这里是真正的图片样式库
44+ sprite : 'http://develop.smaryun.com:6163/igs/rest/mrms/vtiles/sprite'
45+ } , // 地图样式
46+ mapZoom : 3 , // 地图初始化级数
47+ outerCenter : [ 114.39960479736327 , 30.495722001885323 ] , // 地图显示中心
48+ mapCrs : 'EPSG:4326' ,
49+ } ;
50+ } ,
51+ methods : {
52+ handleMapLoad ( payload ) {
53+ let map = payload . map ;
54+ }
55+ }
56+ } ) ;
57+ </ script >
58+ </ body >
59+ </ html >
You can’t perform that action at this time.
0 commit comments