File tree Expand file tree Collapse file tree 32 files changed +212
-212
lines changed
website/public/static/demo/vue-mapboxgl/example Expand file tree Collapse file tree 32 files changed +212
-212
lines changed Original file line number Diff line number Diff line change 2121
2222 < body >
2323 < div id ="app ">
24- < mapbox -map
24+ < mapgis-web -map
2525 id ="map "
2626 :access-token ="accessToken "
2727 :map-style ="mapStyle "
3030 :crs ="mapCrs "
3131 v-on:load ="handleMapLoad "
3232 >
33- < mapbox -ogc-wmts-layer :layer ="layerWmts " :layer-id ="layerWmtsId " :source-id ="sourceWmtsId " :url ="wmtsurl ">
34- </ mapbox -ogc-wmts-layer>
35- < mapbox-raster -layer
33+ < mapgis -ogc-wmts-layer :layer ="layerWmts " :layer-id ="layerWmtsId " :source-id ="sourceWmtsId " :url ="wmtsurl ">
34+ </ mapgis -ogc-wmts-layer>
35+ < mapgis-rastertile -layer
3636 :layer ="layerRaster "
3737 :layer-id ="layerRasterId "
3838 :source ="sourceRaster "
3939 :source-id ="sourceRasterId "
4040 >
41- </ mapbox-raster -layer>
42- < mapbox -attribution-control :position ="position " :compact ="compact " :custom-attribution ="attrbution "/>
43- </ mapbox -map>
41+ </ mapgis-rastertile -layer>
42+ < mapgis -attribution :position ="position " :compact ="compact " :custom-attribution ="attrbution "/>
43+ </ mapgis-web -map>
4444 </ div >
4545 < script >
4646 new Vue ( {
Original file line number Diff line number Diff line change 3939
4040 < body >
4141 < div id ="app ">
42- < mapbox -map
42+ < mapgis-web -map
4343 id ="left "
4444 class ="map "
4545 ref ="leftmap "
4949 :crs ="mapCrs "
5050 v-on:load ="handleLeftMapLoad "
5151 >
52- < mapbox -ogc-wmts-layer :layer ="layerWmts " :layer-id ="layerWmtsId " :source-id ="sourceWmtsId " :url ="wmtsurl1 "> </ mapbox -ogc-wmts-layer>
53- < mapbox -compare ref ="compare ">
52+ < mapgis -ogc-wmts-layer :layer ="layerWmts " :layer-id ="layerWmtsId " :source-id ="sourceWmtsId " :url ="wmtsurl1 "> </ mapgis -ogc-wmts-layer>
53+ < mapgis -compare ref ="compare ">
5454 < div class ="custom-compare-toolbar " v-on:click ="handleEnable "> 卷帘</ div >
55- </ mapbox -compare>
56- </ mapbox -map>
57- < mapbox -map
55+ </ mapgis -compare>
56+ </ mapgis-web -map>
57+ < mapgis-web -map
5858 id ="right "
5959 class ="map "
6060 :map-style ="mapStyle "
6363 :crs ="mapCrs "
6464 v-on:load ="handleRightMapLoad "
6565 >
66- < mapbox -ogc-wmts-layer :layer ="layerWmts " :layer-id ="layerWmtsId " :source-id ="sourceWmtsId " :url ="wmtsurl2 "> </ mapbox -ogc-wmts-layer>
67- </ mapbox -map>
66+ < mapgis -ogc-wmts-layer :layer ="layerWmts " :layer-id ="layerWmtsId " :source-id ="sourceWmtsId " :url ="wmtsurl2 "> </ mapgis -ogc-wmts-layer>
67+ </ mapgis-web -map>
6868 </ div >
6969 < script >
7070 var leftMap , rightMap ;
Original file line number Diff line number Diff line change 3939
4040 < body >
4141 < div id ="app ">
42- < mapbox -map
42+ < mapgis-web -map
4343 id ="left "
4444 class ="map "
4545 ref ="leftmap "
4949 :crs ="mapCrs "
5050 v-on:load ="handleLeftMapLoad "
5151 >
52- < mapbox -ogc-wmts-layer :layer ="layerWmts " :layer-id ="layerWmtsId " :source-id ="sourceWmtsId " :url ="wmtsurl1 "> </ mapbox -ogc-wmts-layer>
53- < mapbox -compare ref ="compare ">
52+ < mapgis -ogc-wmts-layer :layer ="layerWmts " :layer-id ="layerWmtsId " :source-id ="sourceWmtsId " :url ="wmtsurl1 "> </ mapgis -ogc-wmts-layer>
53+ < mapgis -compare ref ="compare ">
5454 < div class ="custom-compare-toolbar " v-on:click ="handleEnable "> 卷帘</ div >
55- </ mapbox -compare>
56- </ mapbox -map>
57- < mapbox -map
55+ </ mapgis -compare>
56+ </ mapgis-web -map>
57+ < mapgis-web -map
5858 id ="right "
5959 class ="map "
6060 :map-style ="mapStyle "
6363 :crs ="mapCrs "
6464 v-on:load ="handleRightMapLoad "
6565 >
66- < mapbox -ogc-wmts-layer :layer ="layerWmts " :layer-id ="layerWmtsId " :source-id ="sourceWmtsId " :url ="wmtsurl2 "> </ mapbox -ogc-wmts-layer>
67- </ mapbox -map>
66+ < mapgis -ogc-wmts-layer :layer ="layerWmts " :layer-id ="layerWmtsId " :source-id ="sourceWmtsId " :url ="wmtsurl2 "> </ mapgis -ogc-wmts-layer>
67+ </ mapgis-web -map>
6868 </ div >
6969 < script >
7070 var leftMap , rightMap ;
Original file line number Diff line number Diff line change 4343
4444 < body >
4545 < div id ="app ">
46- < mapbox -map
46+ < mapgis-web -map
4747 id ="map "
4848 v-bind:access-token ="accessToken "
4949 v-bind:map-style ="mapStyle "
5050 v-bind:zoom ="mapZoom "
5151 v-bind:center ="outerCenter "
5252 v-bind:crs ="mapCrs "
5353 >
54- < mapbox -igs-tdt-layer
54+ < mapgis -igs-tdt-layer
5555 v-bind:layer ="layer "
5656 v-bind:layer-id ="layerId "
5757 v-bind:source-id ="sourceId "
5858 v-bind:baseURL ="baseURL "
5959 v-bind:token ="token "
6060 :crs ="mapCrs "
6161 >
62- </ mapbox -igs-tdt-layer>
63- < mapbox-base -draw
62+ </ mapgis -igs-tdt-layer>
63+ < mapgis -draw
6464 class ="custom-draw-wrapper "
6565 position ="top-left "
6666 v-bind:controls ="controls "
7474 < div class ="toolbar-item " v-on:click ="togglePolygon1 "> 画区</ div >
7575 < div class ="toolbar-item " v-on:click ="toggleDelete1 "> 删除</ div >
7676 </ div >
77- </ mapbox-base -draw>
78- </ mapbox -map>
77+ </ mapgis -draw>
78+ </ mapgis-web -map>
7979 </ div >
8080 < script >
8181 var draw = new Vue ( {
Original file line number Diff line number Diff line change 2121
2222 < body >
2323 < div id ="app ">
24- < mapbox -map
24+ < mapgis-web -map
2525 id ="map "
2626 v-bind:access-token ="accessToken "
2727 v-bind:map-style ="mapStyle "
3030 v-bind:crs ="mapCrs "
3131 v-on:load ="handleMapLoad "
3232 >
33- < mapbox -ogc-wmts-layer v-bind:layer ="layerWmts " v-bind:layer-id ="layerWmtsId " v-bind:source-id ="sourceWmtsId " v-bind:url ="wmtsurl ">
34- </ mapbox -ogc-wmts-layer>
35- < mapbox-raster -layer
33+ < mapgis -ogc-wmts-layer v-bind:layer ="layerWmts " v-bind:layer-id ="layerWmtsId " v-bind:source-id ="sourceWmtsId " v-bind:url ="wmtsurl ">
34+ </ mapgis -ogc-wmts-layer>
35+ < mapgis-rastertile -layer
3636 v-bind:layer ="layerRaster "
3737 v-bind:layer-id ="layerRasterId "
3838 v-bind:source ="sourceRaster "
3939 v-bind:source-id ="sourceRasterId "
4040 >
41- </ mapbox-raster -layer>
41+ </ mapgis-rastertile -layer>
4242 < mapbox-fps-control > </ mapbox-fps-control >
43- </ mapbox -map>
43+ </ mapgis-web -map>
4444 </ div >
4545 < script >
4646 new Vue ( {
Original file line number Diff line number Diff line change 2626
2727 < body >
2828 < div id ="app ">
29- < mapbox -map
29+ < mapgis-web -map
3030 id ="map "
3131 :access-token ="accessToken "
3232 :map-style ="mapStyle "
3535 :crs ="mapCrs "
3636 v-on:load ="handleMapLoad "
3737 >
38- < mapbox -ogc-wmts-layer :layer ="layerWmts " :layer-id ="layerWmtsId " :source-id ="sourceWmtsId " :url ="wmtsurl ">
39- </ mapbox -ogc-wmts-layer>
40- < mapbox-raster -layer
38+ < mapgis -ogc-wmts-layer :layer ="layerWmts " :layer-id ="layerWmtsId " :source-id ="sourceWmtsId " :url ="wmtsurl ">
39+ </ mapgis -ogc-wmts-layer>
40+ < mapgis-rastertile -layer
4141 :layer ="layerRaster "
4242 :layer-id ="layerRasterId "
4343 :source ="sourceRaster "
4444 :source-id ="sourceRasterId "
4545 >
46- </ mapbox-raster -layer>
47- < mapbox -fullscreen-control :position ="position " :container ="container ">
48- </ mapbox -fullscreen-control >
49- </ mapbox -map>
46+ </ mapgis-rastertile -layer>
47+ < mapgis -fullscreen :position ="position " :container ="container ">
48+ </ mapgis -fullscreen>
49+ </ mapgis-web -map>
5050 < div class ="custom " ref ="custom "> 自定义样式,屏蔽后默认显示地图组件</ div >
5151 </ div >
5252 < script >
Original file line number Diff line number Diff line change 2121
2222 < body >
2323 < div id ="app ">
24- < mapbox -map
24+ < mapgis-web -map
2525 id ="map "
2626 :access-token ="accessToken "
2727 :map-style ="mapStyle "
3030 :crs ="mapCrs "
3131 v-on:load ="handleMapLoad "
3232 >
33- < mapbox -ogc-wmts-layer :layer ="layerWmts " :layer-id ="layerWmtsId " :source-id ="sourceWmtsId " :url ="wmtsurl ">
34- </ mapbox -ogc-wmts-layer>
35- < mapbox-raster -layer
33+ < mapgis -ogc-wmts-layer :layer ="layerWmts " :layer-id ="layerWmtsId " :source-id ="sourceWmtsId " :url ="wmtsurl ">
34+ </ mapgis -ogc-wmts-layer>
35+ < mapgis-rastertile -layer
3636 :layer ="layerRaster "
3737 :layer-id ="layerRasterId "
3838 :source ="sourceRaster "
3939 :source-id ="sourceRasterId "
4040 >
41- </ mapbox-raster -layer>
42- < mapbox -geolocate-control :track-user-location ="track " :show-user-location ="user " />
43- </ mapbox -map>
41+ </ mapgis-rastertile -layer>
42+ < mapgis -geolocate :track-user-location ="track " :show-user-location ="user " />
43+ </ mapgis-web -map>
4444 </ div >
4545 < script >
4646 new Vue ( {
Original file line number Diff line number Diff line change 2727
2828 < body >
2929 < div id ="app ">
30- < mapbox -map
30+ < mapgis-web -map
3131 id ="map "
3232 v-bind:access-token ="accessToken "
3333 v-bind:map-style ="mapStyle "
3636 v-bind:crs ="mapCrs "
3737 v-on:load ="handleMapLoad "
3838 >
39- < mapbox -ogc-wmts-layer v-bind:layer ="layerWmts " v-bind:layer-id ="layerWmtsId " v-bind:source-id ="sourceWmtsId " v-bind:url ="wmtsurl ">
40- </ mapbox -ogc-wmts-layer>
41- < mapbox-raster -layer
39+ < mapgis -ogc-wmts-layer v-bind:layer ="layerWmts " v-bind:layer-id ="layerWmtsId " v-bind:source-id ="sourceWmtsId " v-bind:url ="wmtsurl ">
40+ </ mapgis -ogc-wmts-layer>
41+ < mapgis-rastertile -layer
4242 v-bind:layer ="layerRaster "
4343 v-bind:layer-id ="layerRasterId "
4444 v-bind:source ="sourceRaster "
4545 v-bind:source-id ="sourceRasterId "
4646 >
47- </ mapbox-raster -layer>
48- < mapbox -marker :coordinates ="coordinates1 " :color ="color1 " :offset ="offset "> </ mapbox -marker>
49- < mapbox -marker :coordinates ="coordinates2 " :color ="color2 "> </ mapbox -marker>
50- < mapbox -marker :coordinates ="coordinates3 " :color ="color3 ">
47+ </ mapgis-rastertile -layer>
48+ < mapgis -marker :coordinates ="coordinates1 " :color ="color1 " :offset ="offset "> </ mapgis -marker>
49+ < mapgis -marker :coordinates ="coordinates2 " :color ="color2 "> </ mapgis -marker>
50+ < mapgis -marker :coordinates ="coordinates3 " :color ="color3 ">
5151 < div slot ="marker " class ="custom "> 内部自定义槽</ div >
52- </ mapbox -marker>
53- </ mapbox -map>
52+ </ mapgis -marker>
53+ </ mapgis-web -map>
5454 </ div >
5555 < script >
5656 new Vue ( {
Original file line number Diff line number Diff line change 4545
4646 < body >
4747 < div id ="app ">
48- < mapbox -map id ="map "
48+ < mapgis-web -map id ="map "
4949 :access-token ="accessToken "
5050 :map-style ="mapStyle "
5151 :zoom ="mapZoom "
5252 :center ="outerCenter "
5353 :crs ="mapCrs "
5454 v-on:load ="handleMapLoad "
5555 >
56- < mapbox -igs-tdt-layer
56+ < mapgis -igs-tdt-layer
5757 :layer ="layer "
5858 :layer-id ="layerId "
5959 :source-id ="sourceId "
6060 :baseURL ="baseURL "
6161 :token ="token "
6262 :crs ="mapCrs ">
63- </ mapbox -igs-tdt-layer>
64- < mapbox-base -measure
63+ </ mapgis -igs-tdt-layer>
64+ < mapgis -measure
6565 class ="custom-measure-wrapper "
6666 :measure-mode ="measureMode "
6767 v-on:added ="handleAdded "
7373 < div class ="toolbar-item " v-on:click ="toggleQueryLength "> 长度</ div >
7474 < div class ="toolbar-item " v-on:click ="toggleQueryArea "> 面积</ div >
7575 </ div >
76- < mapbox -marker color ="#ff0000 " :coordinates ="coordinates " v-if ="coordinates.length > 0 ">
76+ < mapgis -marker color ="#ff0000 " :coordinates ="coordinates " v-if ="coordinates.length > 0 ">
7777 < div slot ="marker " class ="label ">
7878 < div > 面积:{{ area }}</ div >
7979 < div > 周长:{{ perimeter }}</ div >
8080 </ div >
81- </ mapbox -marker>
82- </ mapbox-base -measure>
83- </ mapbox -map>
81+ </ mapgis -marker>
82+ </ mapgis -measure>
83+ </ mapgis-web -map>
8484 </ div >
8585 < script >
8686 new Vue ( {
Original file line number Diff line number Diff line change 2525
2626 < body >
2727 < div id ="app ">
28- < mapbox -map
28+ < mapgis-web -map
2929 id ="map "
3030 :access-token ="accessToken "
3131 :map-style ="mapStyle "
3434 :crs ="mapCrs "
3535 v-on:load ="handleMapLoad "
3636 >
37- < mapbox -ogc-wmts-layer :layer ="layerWmts " :layer-id ="layerWmtsId " :source-id ="sourceWmtsId " :url ="wmtsurl ">
38- </ mapbox -ogc-wmts-layer>
39- < mapbox-raster -layer
37+ < mapgis -ogc-wmts-layer :layer ="layerWmts " :layer-id ="layerWmtsId " :source-id ="sourceWmtsId " :url ="wmtsurl ">
38+ </ mapgis -ogc-wmts-layer>
39+ < mapgis-rastertile -layer
4040 :layer ="layerRaster "
4141 :layer-id ="layerRasterId "
4242 :source ="sourceRaster "
4343 :source-id ="sourceRasterId "
4444 >
45- </ mapbox-raster -layer>
45+ </ mapgis-rastertile -layer>
4646 < mapbox-navigation-control :showCompass ="compass " :showZoom ="zoom " />
47- </ mapbox -map>
47+ </ mapgis-web -map>
4848 </ div >
4949 < script >
5050 new Vue ( {
You can’t perform that action at this time.
0 commit comments