react-map4d-map 1.2.7 → 1.2.8
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/components/MFBuilding.d.ts +1 -1
- package/dist/components/MFBuildingOverlay.d.ts +1 -1
- package/dist/components/MFCircle.d.ts +1 -1
- package/dist/components/MFDataLayer.d.ts +1 -1
- package/dist/components/MFDirectionsRenderer.d.ts +1 -1
- package/dist/components/MFGroundOverlay.d.ts +1 -1
- package/dist/components/MFImageOverlay.d.ts +1 -1
- package/dist/components/MFMap.d.ts +1 -1
- package/dist/components/MFMarker.d.ts +1 -1
- package/dist/components/MFPOI.d.ts +1 -1
- package/dist/components/MFPOIOverlay.d.ts +1 -1
- package/dist/components/MFPolygon.d.ts +1 -1
- package/dist/components/MFPolyline.d.ts +1 -1
- package/dist/components/MFTileOverlay.d.ts +1 -1
- package/dist/index.js +35 -28
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +35 -28
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
- package/dist/index.css +0 -9
package/dist/index.modern.js
CHANGED
|
@@ -761,6 +761,8 @@ var createId = function createId() {
|
|
|
761
761
|
};
|
|
762
762
|
|
|
763
763
|
var MFMap = function MFMap(props) {
|
|
764
|
+
var _props$options3;
|
|
765
|
+
|
|
764
766
|
var callback = useRef("callback");
|
|
765
767
|
var mapDomRef = useRef();
|
|
766
768
|
var mapRef = useRef();
|
|
@@ -830,137 +832,142 @@ var MFMap = function MFMap(props) {
|
|
|
830
832
|
destroy();
|
|
831
833
|
};
|
|
832
834
|
}, [props.environment, props.version, props.accessKey, props.options]);
|
|
835
|
+
useEffect(function () {
|
|
836
|
+
var _props$options, _mapRef$current2, _props$options2;
|
|
837
|
+
|
|
838
|
+
((_props$options = props.options) === null || _props$options === void 0 ? void 0 : _props$options.mapType) != undefined && ((_mapRef$current2 = mapRef.current) === null || _mapRef$current2 === void 0 ? void 0 : _mapRef$current2.setMapType((_props$options2 = props.options) === null || _props$options2 === void 0 ? void 0 : _props$options2.mapType));
|
|
839
|
+
}, [(_props$options3 = props.options) === null || _props$options3 === void 0 ? void 0 : _props$options3.mapType]);
|
|
833
840
|
|
|
834
841
|
var registerEvent = function registerEvent() {
|
|
835
|
-
var _mapRef$
|
|
842
|
+
var _mapRef$current3, _mapRef$current4, _mapRef$current5, _mapRef$current6, _mapRef$current7, _mapRef$current8, _mapRef$current9, _mapRef$current10, _mapRef$current11, _mapRef$current12, _mapRef$current13, _mapRef$current14, _mapRef$current15, _mapRef$current16, _mapRef$current17, _mapRef$current18, _mapRef$current19, _mapRef$current20, _mapRef$current21;
|
|
836
843
|
|
|
837
|
-
var eventClickMarker = (_mapRef$
|
|
844
|
+
var eventClickMarker = (_mapRef$current3 = mapRef.current) === null || _mapRef$current3 === void 0 ? void 0 : _mapRef$current3.addListener("click", function (args) {
|
|
838
845
|
var _args$marker, _args$marker2;
|
|
839
846
|
|
|
840
847
|
((_args$marker = args.marker) === null || _args$marker === void 0 ? void 0 : _args$marker.onClick) && ((_args$marker2 = args.marker) === null || _args$marker2 === void 0 ? void 0 : _args$marker2.onClick(args));
|
|
841
848
|
}, {
|
|
842
849
|
marker: true
|
|
843
850
|
});
|
|
844
|
-
var eventRightClickMarker = (_mapRef$
|
|
851
|
+
var eventRightClickMarker = (_mapRef$current4 = mapRef.current) === null || _mapRef$current4 === void 0 ? void 0 : _mapRef$current4.addListener("rightClick", function (args) {
|
|
845
852
|
var _args$marker3, _args$marker4;
|
|
846
853
|
|
|
847
854
|
((_args$marker3 = args.marker) === null || _args$marker3 === void 0 ? void 0 : _args$marker3.onRightClick) && ((_args$marker4 = args.marker) === null || _args$marker4 === void 0 ? void 0 : _args$marker4.onRightClick(args));
|
|
848
855
|
}, {
|
|
849
856
|
marker: true
|
|
850
857
|
});
|
|
851
|
-
var eventDragEndMarker = (_mapRef$
|
|
858
|
+
var eventDragEndMarker = (_mapRef$current5 = mapRef.current) === null || _mapRef$current5 === void 0 ? void 0 : _mapRef$current5.addListener("dragEnd", function (args) {
|
|
852
859
|
var _args$marker5, _args$marker6;
|
|
853
860
|
|
|
854
861
|
((_args$marker5 = args.marker) === null || _args$marker5 === void 0 ? void 0 : _args$marker5.onDragEnd) && ((_args$marker6 = args.marker) === null || _args$marker6 === void 0 ? void 0 : _args$marker6.onDragEnd(args));
|
|
855
862
|
}, {
|
|
856
863
|
marker: true
|
|
857
864
|
});
|
|
858
|
-
var eventHoverMarker = (_mapRef$
|
|
865
|
+
var eventHoverMarker = (_mapRef$current6 = mapRef.current) === null || _mapRef$current6 === void 0 ? void 0 : _mapRef$current6.addListener("hover", function (args) {
|
|
859
866
|
var _args$marker7, _args$marker8;
|
|
860
867
|
|
|
861
868
|
((_args$marker7 = args.marker) === null || _args$marker7 === void 0 ? void 0 : _args$marker7.onHover) && ((_args$marker8 = args.marker) === null || _args$marker8 === void 0 ? void 0 : _args$marker8.onHover(args));
|
|
862
869
|
}, {
|
|
863
870
|
marker: true
|
|
864
871
|
});
|
|
865
|
-
var eventHoverPolygon = (_mapRef$
|
|
872
|
+
var eventHoverPolygon = (_mapRef$current7 = mapRef.current) === null || _mapRef$current7 === void 0 ? void 0 : _mapRef$current7.addListener("hover", function (args) {
|
|
866
873
|
var _args$polygon, _args$polygon2;
|
|
867
874
|
|
|
868
875
|
((_args$polygon = args.polygon) === null || _args$polygon === void 0 ? void 0 : _args$polygon.onHover) && ((_args$polygon2 = args.polygon) === null || _args$polygon2 === void 0 ? void 0 : _args$polygon2.onHover(args));
|
|
869
876
|
}, {
|
|
870
877
|
polygon: true
|
|
871
878
|
});
|
|
872
|
-
var eventHoverPolyline = (_mapRef$
|
|
879
|
+
var eventHoverPolyline = (_mapRef$current8 = mapRef.current) === null || _mapRef$current8 === void 0 ? void 0 : _mapRef$current8.addListener("hover", function (args) {
|
|
873
880
|
var _args$polyline, _args$polyline2;
|
|
874
881
|
|
|
875
882
|
((_args$polyline = args.polyline) === null || _args$polyline === void 0 ? void 0 : _args$polyline.onHover) && ((_args$polyline2 = args.polyline) === null || _args$polyline2 === void 0 ? void 0 : _args$polyline2.onHover(args));
|
|
876
883
|
}, {
|
|
877
884
|
polyline: true
|
|
878
885
|
});
|
|
879
|
-
var eventHoverDirection = (_mapRef$
|
|
886
|
+
var eventHoverDirection = (_mapRef$current9 = mapRef.current) === null || _mapRef$current9 === void 0 ? void 0 : _mapRef$current9.addListener("hover", function (args) {
|
|
880
887
|
var _args$renderer, _args$renderer2;
|
|
881
888
|
|
|
882
889
|
((_args$renderer = args.renderer) === null || _args$renderer === void 0 ? void 0 : _args$renderer.onHover) && ((_args$renderer2 = args.renderer) === null || _args$renderer2 === void 0 ? void 0 : _args$renderer2.onHover(args));
|
|
883
890
|
}, {
|
|
884
891
|
directions: true
|
|
885
892
|
});
|
|
886
|
-
var eventClickPolyline = (_mapRef$
|
|
893
|
+
var eventClickPolyline = (_mapRef$current10 = mapRef.current) === null || _mapRef$current10 === void 0 ? void 0 : _mapRef$current10.addListener("click", function (args) {
|
|
887
894
|
var _args$polyline3, _args$polyline4;
|
|
888
895
|
|
|
889
896
|
((_args$polyline3 = args.polyline) === null || _args$polyline3 === void 0 ? void 0 : _args$polyline3.onClick) && ((_args$polyline4 = args.polyline) === null || _args$polyline4 === void 0 ? void 0 : _args$polyline4.onClick(args));
|
|
890
897
|
}, {
|
|
891
898
|
polyline: true
|
|
892
899
|
});
|
|
893
|
-
var eventMouseOutDirection = (_mapRef$
|
|
900
|
+
var eventMouseOutDirection = (_mapRef$current11 = mapRef.current) === null || _mapRef$current11 === void 0 ? void 0 : _mapRef$current11.addListener("mouseOut", function (args) {
|
|
894
901
|
var _args$renderer3, _args$renderer4;
|
|
895
902
|
|
|
896
903
|
((_args$renderer3 = args.renderer) === null || _args$renderer3 === void 0 ? void 0 : _args$renderer3.onMouseOut) && ((_args$renderer4 = args.renderer) === null || _args$renderer4 === void 0 ? void 0 : _args$renderer4.onMouseOut(args));
|
|
897
904
|
}, {
|
|
898
905
|
directions: true
|
|
899
906
|
});
|
|
900
|
-
var eventMouseOverDirection = (_mapRef$
|
|
907
|
+
var eventMouseOverDirection = (_mapRef$current12 = mapRef.current) === null || _mapRef$current12 === void 0 ? void 0 : _mapRef$current12.addListener("mouseOver", function (args) {
|
|
901
908
|
var _args$renderer5, _args$renderer6;
|
|
902
909
|
|
|
903
910
|
((_args$renderer5 = args.renderer) === null || _args$renderer5 === void 0 ? void 0 : _args$renderer5.onMouseOver) && ((_args$renderer6 = args.renderer) === null || _args$renderer6 === void 0 ? void 0 : _args$renderer6.onMouseOver(args));
|
|
904
911
|
}, {
|
|
905
912
|
directions: true
|
|
906
913
|
});
|
|
907
|
-
var eventMouseMoveDirection = (_mapRef$
|
|
914
|
+
var eventMouseMoveDirection = (_mapRef$current13 = mapRef.current) === null || _mapRef$current13 === void 0 ? void 0 : _mapRef$current13.addListener("mouseMove", function (args) {
|
|
908
915
|
var _args$renderer7, _args$renderer8;
|
|
909
916
|
|
|
910
917
|
((_args$renderer7 = args.renderer) === null || _args$renderer7 === void 0 ? void 0 : _args$renderer7.onMouseMove) && ((_args$renderer8 = args.renderer) === null || _args$renderer8 === void 0 ? void 0 : _args$renderer8.onMouseMove(args));
|
|
911
918
|
}, {
|
|
912
919
|
directions: true
|
|
913
920
|
});
|
|
914
|
-
var eventMouseOutPolyline = (_mapRef$
|
|
921
|
+
var eventMouseOutPolyline = (_mapRef$current14 = mapRef.current) === null || _mapRef$current14 === void 0 ? void 0 : _mapRef$current14.addListener("mouseOut", function (args) {
|
|
915
922
|
var _args$polyline5, _args$polyline6;
|
|
916
923
|
|
|
917
924
|
((_args$polyline5 = args.polyline) === null || _args$polyline5 === void 0 ? void 0 : _args$polyline5.onMouseOut) && ((_args$polyline6 = args.polyline) === null || _args$polyline6 === void 0 ? void 0 : _args$polyline6.onMouseOut(args));
|
|
918
925
|
}, {
|
|
919
926
|
polyline: true
|
|
920
927
|
});
|
|
921
|
-
var eventMouseOverPolyline = (_mapRef$
|
|
928
|
+
var eventMouseOverPolyline = (_mapRef$current15 = mapRef.current) === null || _mapRef$current15 === void 0 ? void 0 : _mapRef$current15.addListener("mouseOver", function (args) {
|
|
922
929
|
var _args$polyline7, _args$polyline8;
|
|
923
930
|
|
|
924
931
|
((_args$polyline7 = args.polyline) === null || _args$polyline7 === void 0 ? void 0 : _args$polyline7.onMouseOver) && ((_args$polyline8 = args.polyline) === null || _args$polyline8 === void 0 ? void 0 : _args$polyline8.onMouseOver(args));
|
|
925
932
|
}, {
|
|
926
933
|
polyline: true
|
|
927
934
|
});
|
|
928
|
-
var eventMouseMovePolyline = (_mapRef$
|
|
935
|
+
var eventMouseMovePolyline = (_mapRef$current16 = mapRef.current) === null || _mapRef$current16 === void 0 ? void 0 : _mapRef$current16.addListener("mouseMove", function (args) {
|
|
929
936
|
var _args$polyline9, _args$polyline10;
|
|
930
937
|
|
|
931
938
|
((_args$polyline9 = args.polyline) === null || _args$polyline9 === void 0 ? void 0 : _args$polyline9.onMouseMove) && ((_args$polyline10 = args.polyline) === null || _args$polyline10 === void 0 ? void 0 : _args$polyline10.onMouseMove(args));
|
|
932
939
|
}, {
|
|
933
940
|
polyline: true
|
|
934
941
|
});
|
|
935
|
-
var eventMouseOutMarker = (_mapRef$
|
|
942
|
+
var eventMouseOutMarker = (_mapRef$current17 = mapRef.current) === null || _mapRef$current17 === void 0 ? void 0 : _mapRef$current17.addListener("mouseOut", function (args) {
|
|
936
943
|
var _args$marker9, _args$marker10;
|
|
937
944
|
|
|
938
945
|
((_args$marker9 = args.marker) === null || _args$marker9 === void 0 ? void 0 : _args$marker9.onMouseOut) && ((_args$marker10 = args.marker) === null || _args$marker10 === void 0 ? void 0 : _args$marker10.onMouseOut(args));
|
|
939
946
|
}, {
|
|
940
947
|
marker: true
|
|
941
948
|
});
|
|
942
|
-
var eventMouseOverMarker = (_mapRef$
|
|
949
|
+
var eventMouseOverMarker = (_mapRef$current18 = mapRef.current) === null || _mapRef$current18 === void 0 ? void 0 : _mapRef$current18.addListener("mouseOver", function (args) {
|
|
943
950
|
var _args$marker11, _args$marker12;
|
|
944
951
|
|
|
945
952
|
((_args$marker11 = args.marker) === null || _args$marker11 === void 0 ? void 0 : _args$marker11.onMouseOver) && ((_args$marker12 = args.marker) === null || _args$marker12 === void 0 ? void 0 : _args$marker12.onMouseOver(args));
|
|
946
953
|
}, {
|
|
947
954
|
marker: true
|
|
948
955
|
});
|
|
949
|
-
var eventMouseMoveMarker = (_mapRef$
|
|
956
|
+
var eventMouseMoveMarker = (_mapRef$current19 = mapRef.current) === null || _mapRef$current19 === void 0 ? void 0 : _mapRef$current19.addListener("mouseMove", function (args) {
|
|
950
957
|
var _args$marker13, _args$marker14;
|
|
951
958
|
|
|
952
959
|
((_args$marker13 = args.marker) === null || _args$marker13 === void 0 ? void 0 : _args$marker13.onMouseMove) && ((_args$marker14 = args.marker) === null || _args$marker14 === void 0 ? void 0 : _args$marker14.onMouseMove(args));
|
|
953
960
|
}, {
|
|
954
961
|
marker: true
|
|
955
962
|
});
|
|
956
|
-
var eventClickPoi = (_mapRef$
|
|
963
|
+
var eventClickPoi = (_mapRef$current20 = mapRef.current) === null || _mapRef$current20 === void 0 ? void 0 : _mapRef$current20.addListener("click", function (args) {
|
|
957
964
|
var _args$poi, _args$poi2;
|
|
958
965
|
|
|
959
966
|
((_args$poi = args.poi) === null || _args$poi === void 0 ? void 0 : _args$poi.onClick) && ((_args$poi2 = args.poi) === null || _args$poi2 === void 0 ? void 0 : _args$poi2.onClick(args));
|
|
960
967
|
}, {
|
|
961
968
|
poi: true
|
|
962
969
|
});
|
|
963
|
-
var eventHoverPoi = (_mapRef$
|
|
970
|
+
var eventHoverPoi = (_mapRef$current21 = mapRef.current) === null || _mapRef$current21 === void 0 ? void 0 : _mapRef$current21.addListener("hover", function (args) {
|
|
964
971
|
var _args$poi3, _args$poi4;
|
|
965
972
|
|
|
966
973
|
((_args$poi3 = args.poi) === null || _args$poi3 === void 0 ? void 0 : _args$poi3.onHover) && ((_args$poi4 = args.poi) === null || _args$poi4 === void 0 ? void 0 : _args$poi4.onHover(args));
|
|
@@ -970,9 +977,9 @@ var MFMap = function MFMap(props) {
|
|
|
970
977
|
events.current = events.current.concat([eventClickMarker, eventRightClickMarker, eventDragEndMarker, eventHoverMarker, eventHoverPolygon, eventHoverPolyline, eventHoverDirection, eventClickPolyline, eventMouseOutDirection, eventMouseOverDirection, eventMouseMoveDirection, eventMouseOutPolyline, eventMouseOverPolyline, eventMouseMovePolyline, eventMouseOutMarker, eventMouseOverMarker, eventMouseMoveMarker, eventClickPoi, eventHoverPoi]);
|
|
971
978
|
|
|
972
979
|
if (props.onClickLocation) {
|
|
973
|
-
var _mapRef$
|
|
980
|
+
var _mapRef$current22;
|
|
974
981
|
|
|
975
|
-
var onClickLocation = (_mapRef$
|
|
982
|
+
var onClickLocation = (_mapRef$current22 = mapRef.current) === null || _mapRef$current22 === void 0 ? void 0 : _mapRef$current22.addListener("click", function (args) {
|
|
976
983
|
props.onClickLocation && props.onClickLocation(args);
|
|
977
984
|
}, {
|
|
978
985
|
location: true
|
|
@@ -981,9 +988,9 @@ var MFMap = function MFMap(props) {
|
|
|
981
988
|
}
|
|
982
989
|
|
|
983
990
|
if (props.onRightClickLocation) {
|
|
984
|
-
var _mapRef$
|
|
991
|
+
var _mapRef$current23;
|
|
985
992
|
|
|
986
|
-
var onRightClickLocation = (_mapRef$
|
|
993
|
+
var onRightClickLocation = (_mapRef$current23 = mapRef.current) === null || _mapRef$current23 === void 0 ? void 0 : _mapRef$current23.addListener("rightClick", function (args) {
|
|
987
994
|
props.onRightClickLocation && props.onRightClickLocation(args);
|
|
988
995
|
}, {
|
|
989
996
|
location: true
|
|
@@ -992,9 +999,9 @@ var MFMap = function MFMap(props) {
|
|
|
992
999
|
}
|
|
993
1000
|
|
|
994
1001
|
if (props.onTilesLoaded) {
|
|
995
|
-
var _mapRef$
|
|
1002
|
+
var _mapRef$current24;
|
|
996
1003
|
|
|
997
|
-
var onTilesLoaded = (_mapRef$
|
|
1004
|
+
var onTilesLoaded = (_mapRef$current24 = mapRef.current) === null || _mapRef$current24 === void 0 ? void 0 : _mapRef$current24.addListener("tilesLoaded", function (args) {
|
|
998
1005
|
props.onTilesLoaded && props.onTilesLoaded(args);
|
|
999
1006
|
}, {
|
|
1000
1007
|
location: true
|
|
@@ -1003,9 +1010,9 @@ var MFMap = function MFMap(props) {
|
|
|
1003
1010
|
}
|
|
1004
1011
|
|
|
1005
1012
|
if (props.onCameraChanging) {
|
|
1006
|
-
var _mapRef$
|
|
1013
|
+
var _mapRef$current25;
|
|
1007
1014
|
|
|
1008
|
-
var onCameraChanging = (_mapRef$
|
|
1015
|
+
var onCameraChanging = (_mapRef$current25 = mapRef.current) === null || _mapRef$current25 === void 0 ? void 0 : _mapRef$current25.addListener("cameraChanging", function (args) {
|
|
1009
1016
|
props.onCameraChanging && props.onCameraChanging(args);
|
|
1010
1017
|
}, {
|
|
1011
1018
|
location: true
|