react-map4d-map 1.2.7 → 1.2.9

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