The Vue TOC is a new Widget that allows you to control the map content.
https://demos.conterra.de/mapapps/resources/apps/downloads_vuetoc/index.html
Requirement: map.apps 4.2.0
Simply add the bundle "dn_vuetoc" to your map.apps 4 app.
"Config": {
"showBasemaps": true,
"showOperationalLayer": true,
"showLegend": true,
"showLoadingStatus": true,
"showOperationalLayerHeaderMenu": true,
"showLayerMenu": true,
"showResetButton": true,
"showCloseButton": true,
"expandInitially": false,
"visibleIconClass": "check_box",
"invisibleIconClass": "check_box_outline_blank"
}
| Property | Type | Possible Values | Default | Description |
|---|---|---|---|---|
| showBasemaps | boolean | true | false |
true |
Show basemaps |
| showOperationalLayer | boolean | true | false |
true |
Show operational layers |
| showLegend | boolean | true | false |
true |
Show legend |
| showLoadingStatus | boolean | true | false |
true |
Show current loading status of layer |
| showOperationalLayerHeaderMenu | boolean | true | false |
true |
Show operational layer menu |
| showLayerMenu | boolean | true | false |
true |
Show layer menu |
| showResetButton | boolean | true | false |
true |
Show reset button |
| showCloseButton | boolean | true | false |
true |
Show close menu |
| expandInitially | boolean | true | false |
true |
Expands the tree |
| visibleIconClass | String | "check_box" |
Visible icon class | |
| invisibleIconClass | String | "check_box_outline_blank" |
Invisible icon class |
Any material design icon class is possible: https://material.io/tools/icons/?icon=check_box_outline_blank&style=baseline
"Config": {
"visibleIconClass": "visibility",
"invisibleIconClass": "visibility_off"
}
"Config": {
"visibleIconClass": "check",
"invisibleIconClass": "close"
}
"Config": {
"visibleIconClass": "check_box",
"invisibleIconClass": "check_box_outline_blank"
}
"Config": {
"visibleIconClass": "radio_button_checked",
"invisibleIconClass": "radio_button_unchecked"
}
"Config": {
"visibleIconClass": "thumb_up",
"invisibleIconClass": "thumb_down"
}
Before you can run the project you have to define the mapapps.remote.base property in the pom.xml-file:
<mapapps.remote.base>http://%YOURSERVER%/ct-mapapps-webapp-%VERSION%</mapapps.remote.base>
-
Goal parameters
mvn install -Dmapapps.remote.base=http://%YOURSERVER%/ct-mapapps-webapp-%VERSION% -
Build properties Change the mapapps.remote.base in the build.properties file and run:
mvn install -Denv=dev -Dlocal.configfile=%ABSOLUTEPATHTOPROJECTROOT%/build.properties
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent