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