mapicgc-gl-js 0.0.61 → 0.0.63
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/mapicgc-gl.css +123 -3
- package/dist/mapicgc-gl.js +63 -63
- package/dist/mapicgc-gl.umd.js +63 -63
- package/docu_Map.md +0 -0
- package/package.json +1 -1
- package/public/mapicgc-gl.css +123 -3
- package/src/constants/Layers.js +0 -166
- package/src/constants/Styles.js +1 -1
- package/src/controls/LogoControl.js +8 -10
- package/src/map/Map.js +757 -703
- package/test/exemples/addControl.html +1 -1
- package/test/exemples/addImageLayerICGC.html +11 -2
- package/test/exemples/addVectorLayerICGC.html +38 -12
- package/test/exemples/advancedExemple.html +67 -24
- package/test/exemples/fetchData.html +17 -8
- package/test/exemples/fetchDataAndMenu.html +58 -26
package/dist/mapicgc-gl.css
CHANGED
|
@@ -830,6 +830,126 @@ background: #d4d4d4;
|
|
|
830
830
|
margin-right: 5px;
|
|
831
831
|
}
|
|
832
832
|
|
|
833
|
+
|
|
834
|
+
|
|
835
|
+
|
|
836
|
+
|
|
837
|
+
|
|
838
|
+
|
|
839
|
+
#menu-group {
|
|
840
|
+
font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
|
841
|
+
font-weight: 600;
|
|
842
|
+
position: absolute;
|
|
843
|
+
top: 10px;
|
|
844
|
+
left: 10px;
|
|
845
|
+
z-index: 1;
|
|
846
|
+
border-radius: 3px;
|
|
847
|
+
width: auto;
|
|
848
|
+
color: #fff;
|
|
849
|
+
overflow-y: auto;
|
|
850
|
+
max-height: 500px;
|
|
851
|
+
overflow-x: hidden;
|
|
852
|
+
}
|
|
853
|
+
#menu-group::-webkit-scrollbar {
|
|
854
|
+
width: 8px; /* Tamaño del scroll en vertical */
|
|
855
|
+
height: 8px; /* Tamaño del scroll en horizontal */
|
|
856
|
+
display: block; /* Ocultar scroll */
|
|
857
|
+
}
|
|
858
|
+
|
|
859
|
+
/* Ponemos un color de fondo y redondeamos las esquinas del thumb */
|
|
860
|
+
#menu-group::-webkit-scrollbar-thumb {
|
|
861
|
+
background: #ccc;
|
|
862
|
+
border-radius: 4px;
|
|
863
|
+
}
|
|
864
|
+
|
|
865
|
+
/* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
|
|
866
|
+
#menu-group::-webkit-scrollbar-thumb:hover {
|
|
867
|
+
background: #daac56;
|
|
868
|
+
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
|
|
869
|
+
}
|
|
870
|
+
|
|
871
|
+
/* Cambiamos el fondo cuando esté en active */
|
|
872
|
+
#menu-group::-webkit-scrollbar-thumb:active {
|
|
873
|
+
background-color: #d8b97f;
|
|
874
|
+
}
|
|
875
|
+
/* Ponemos un color de fondo y redondeamos las esquinas del track */
|
|
876
|
+
#menu-group::-webkit-scrollbar-track {
|
|
877
|
+
background: #e1e1e1;
|
|
878
|
+
border-radius: 4px;
|
|
879
|
+
}
|
|
880
|
+
|
|
881
|
+
/* Cambiamos el fondo cuando esté en active o hover */
|
|
882
|
+
#menu-group::-webkit-scrollbar-track:hover,
|
|
883
|
+
#menu-group::-webkit-scrollbar-track:active {
|
|
884
|
+
background: #d4d4d4;
|
|
885
|
+
}
|
|
886
|
+
|
|
887
|
+
|
|
888
|
+
|
|
889
|
+
|
|
890
|
+
#menu-group input[type='checkbox']:first-child + label {
|
|
891
|
+
border-radius: 3px 3px 0 0;
|
|
892
|
+
}
|
|
893
|
+
|
|
894
|
+
#menu-group label:last-child {
|
|
895
|
+
border-radius: 0 0 3px 3px;
|
|
896
|
+
border: none;
|
|
897
|
+
}
|
|
898
|
+
|
|
899
|
+
#menu-group input[type='checkbox'] {
|
|
900
|
+
display: none;
|
|
901
|
+
}
|
|
902
|
+
|
|
903
|
+
#menu-group input[type='checkbox'] + label {
|
|
904
|
+
background-color: #798e9f;
|
|
905
|
+
display: block;
|
|
906
|
+
cursor: pointer;
|
|
907
|
+
padding: 7px;
|
|
908
|
+
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
|
|
909
|
+
}
|
|
910
|
+
|
|
911
|
+
#menu-group input[type='checkbox'] + label {
|
|
912
|
+
background-color: #798e9f;
|
|
913
|
+
text-transform: capitalize;
|
|
914
|
+
}
|
|
915
|
+
|
|
916
|
+
#menu-group input[type='checkbox'] + label:hover,
|
|
917
|
+
#menu-group input[type='checkbox']:checked + label {
|
|
918
|
+
background-color: #798e9f;
|
|
919
|
+
}
|
|
920
|
+
|
|
921
|
+
#menu-group input[type='checkbox']:checked + label:before {
|
|
922
|
+
content: '✔';
|
|
923
|
+
margin-right: 5px;
|
|
924
|
+
}
|
|
925
|
+
|
|
926
|
+
|
|
927
|
+
|
|
928
|
+
|
|
929
|
+
|
|
930
|
+
|
|
931
|
+
|
|
932
|
+
|
|
933
|
+
|
|
934
|
+
|
|
935
|
+
|
|
936
|
+
|
|
937
|
+
|
|
938
|
+
|
|
939
|
+
|
|
940
|
+
|
|
941
|
+
|
|
942
|
+
|
|
943
|
+
|
|
944
|
+
|
|
945
|
+
|
|
946
|
+
|
|
947
|
+
|
|
948
|
+
|
|
949
|
+
|
|
950
|
+
|
|
951
|
+
|
|
952
|
+
|
|
833
953
|
|
|
834
954
|
|
|
835
955
|
.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon {
|
|
@@ -1528,9 +1648,9 @@ h4::selection {
|
|
|
1528
1648
|
cursor: grab;
|
|
1529
1649
|
};
|
|
1530
1650
|
#toggleLegend {
|
|
1531
|
-
position: absolute;
|
|
1532
|
-
top: 20px;
|
|
1533
|
-
right: 20px;
|
|
1651
|
+
position: absolute !important;
|
|
1652
|
+
top: 20px !important;
|
|
1653
|
+
right: 20px !important;
|
|
1534
1654
|
background-color: #00ab2d;
|
|
1535
1655
|
color: white;
|
|
1536
1656
|
width: 40px;
|