react-map4d-map 1.1.8 → 1.2.0

package/dist/components/MFDirectionsRenderer.d.ts

@@ -22,6 +22,7 @@ interface DirectionsRendererProps {
     onMarkerDragEnd?: Function;
     map?: map4d.Map;
     onCreated?: (directionsRenderer?: map4d.DirectionsRenderer) => void;
+    onHover?: (directions: any) => void;
 }
 declare const MFDirectionsRenderer: (props: DirectionsRendererProps) => null;
 export default MFDirectionsRenderer;

package/dist/components/MFMap.d.ts

@@ -22,6 +22,7 @@ interface MapProps {
     version: string;
     accessKey: string;
     environment?: "dev" | "test" | undefined | null;
+    sdkDomain?: string | null;
     onMapReady?: (map: any, key?: string) => void;
     onClickLocation?: (args: any) => void;
     onRightClickLocation?: (args: any) => void;

package/dist/components/MFMarker.d.ts

@@ -27,6 +27,7 @@ interface MarkerProps {
     onCreated?: (marker: any) => void;
     onRightClick?: (marker: any) => void;
     onDragEnd?: (marker: any) => void;
+    onHover?: (marker: any) => void;
 }
 declare const MFMarker: (props: MarkerProps) => null;
 export default MFMarker;

package/dist/components/MFPolygon.d.ts

@@ -11,6 +11,7 @@ interface PolygonProps {
     userInteractionEnabled?: boolean;
     map?: map4d.Map;
     onCreated?: (polygon: map4d.Polygon) => void;
+    onHover?: (polygon: any) => void;
 }
 declare const MFPolygon: (props: PolygonProps) => null;
 export default MFPolygon;

package/dist/components/MFPolyline.d.ts

@@ -12,6 +12,7 @@ interface PolylineProps {
     userInteractionEnabled?: boolean;
     map?: map4d.Map;
     onCreated?: (polyline: map4d.Polyline) => void;
+    onHover?: (polyline: any) => void;
 }
 declare const MFPolyline: (props: PolylineProps) => null;
 export default MFPolyline;

package/dist/components/MFTileOverlay.d.ts

@@ -1,4 +1,8 @@
-interface TileOverlayProps extends map4d.TileOverlayOptions {
+interface TileOverlayProps {
+    getUrl: Function;
+    visible?: boolean;
+    zIndex?: number;
+    opacity?: number;
     map?: map4d.Map;
     onCreated?: (tileOverlay: map4d.TileOverlay) => void;
 }

package/dist/enum/mapEventEnum.d.ts

@@ -3,5 +3,6 @@ export declare const enum MapEventEnum {
     rightClick = "rightClick",
     dragEnd = "dragEnd",
     cameraChanging = "cameraChanging",
-    tilesLoaded = "tilesLoaded"
+    tilesLoaded = "tilesLoaded",
+    hover = "hover"
 }

package/dist/index.js

@@ -476,6 +476,7 @@ var MFDirectionsRenderer = function MFDirectionsRenderer(props) {
       });
       directionRef.current = new map4d.DirectionsRenderer(option);
       (_directionRef$current = directionRef.current) === null || _directionRef$current === void 0 ? void 0 : _directionRef$current.setMap(theMap);
+      directionRef.current.onHover = props.onHover;
       onCreated && onCreated(directionRef.current);
     }
   }, [theMap]);
@@ -769,7 +770,13 @@ var MFMap = function MFMap(props) {
       };
     };
 
-    var urlNew = "https://api" + (props.environment ? "-" + props.environment : "") + ".map4d.vn/sdk/map/js?version=" + props.version + "&key=" + props.accessKey + "&callback=" + callback.current;
+    var domain = "https://api" + (props.environment ? "-" + props.environment : "") + ".map4d.vn";
+
+    if (props.sdkDomain) {
+      domain = props.sdkDomain;
+    }
+
+    var urlNew = domain + "/sdk/map/js?version=" + props.version + "&key=" + props.accessKey + "&callback=" + callback.current;
 
     if (props.mapid) {
       urlNew += "&mapId=" + props.mapid;
@@ -805,7 +812,7 @@ var MFMap = function MFMap(props) {
   }, [props.environment, props.version, props.accessKey]);
 
   var registerEvent = function registerEvent() {
-    var _mapRef$current2, _mapRef$current3, _mapRef$current4;
+    var _mapRef$current2, _mapRef$current3, _mapRef$current4, _mapRef$current5, _mapRef$current6, _mapRef$current7, _mapRef$current8;
 
     var eventClickMarker = (_mapRef$current2 = mapRef.current) === null || _mapRef$current2 === void 0 ? void 0 : _mapRef$current2.addListener("click", function (args) {
       var _args$marker, _args$marker2;
@@ -828,12 +835,40 @@ var MFMap = function MFMap(props) {
     }, {
       marker: true
     });
-    events.current = events.current.concat([eventClickMarker, eventRightClickMarker, eventDragEndMarker]);
+    var eventHoverMarker = (_mapRef$current5 = mapRef.current) === null || _mapRef$current5 === void 0 ? void 0 : _mapRef$current5.addListener("hover", function (args) {
+      var _args$marker7, _args$marker8;
+
+      ((_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());
+    }, {
+      marker: true
+    });
+    var eventHoverPolygon = (_mapRef$current6 = mapRef.current) === null || _mapRef$current6 === void 0 ? void 0 : _mapRef$current6.addListener("hover", function (args) {
+      var _args$polygon, _args$polygon2;
+
+      ((_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());
+    }, {
+      polygon: true
+    });
+    var eventHoverPolyline = (_mapRef$current7 = mapRef.current) === null || _mapRef$current7 === void 0 ? void 0 : _mapRef$current7.addListener("hover", function (args) {
+      var _args$polyline, _args$polyline2;
+
+      ((_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());
+    }, {
+      polyline: true
+    });
+    var eventHoverDirection = (_mapRef$current8 = mapRef.current) === null || _mapRef$current8 === void 0 ? void 0 : _mapRef$current8.addListener("hover", function (args) {
+      var _args$renderer, _args$renderer2;
+
+      ((_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());
+    }, {
+      directions: true
+    });
+    events.current = events.current.concat([eventClickMarker, eventRightClickMarker, eventDragEndMarker, eventHoverMarker, eventHoverPolygon, eventHoverPolyline, eventHoverDirection]);
 
     if (props.onClickLocation) {
-      var _mapRef$current5;
+      var _mapRef$current9;
 
-      var onClickLocation = (_mapRef$current5 = mapRef.current) === null || _mapRef$current5 === void 0 ? void 0 : _mapRef$current5.addListener("click", function (args) {
+      var onClickLocation = (_mapRef$current9 = mapRef.current) === null || _mapRef$current9 === void 0 ? void 0 : _mapRef$current9.addListener("click", function (args) {
         props.onClickLocation && props.onClickLocation(args);
       }, {
         location: true
@@ -842,9 +877,9 @@ var MFMap = function MFMap(props) {
     }
 
     if (props.onRightClickLocation) {
-      var _mapRef$current6;
+      var _mapRef$current10;
 
-      var onRightClickLocation = (_mapRef$current6 = mapRef.current) === null || _mapRef$current6 === void 0 ? void 0 : _mapRef$current6.addListener("rightClick", function (args) {
+      var onRightClickLocation = (_mapRef$current10 = mapRef.current) === null || _mapRef$current10 === void 0 ? void 0 : _mapRef$current10.addListener("rightClick", function (args) {
         props.onRightClickLocation && props.onRightClickLocation(args);
       }, {
         location: true
@@ -853,9 +888,9 @@ var MFMap = function MFMap(props) {
     }
 
     if (props.onTilesLoaded) {
-      var _mapRef$current7;
+      var _mapRef$current11;
 
-      var onTilesLoaded = (_mapRef$current7 = mapRef.current) === null || _mapRef$current7 === void 0 ? void 0 : _mapRef$current7.addListener("tilesLoaded", function (args) {
+      var onTilesLoaded = (_mapRef$current11 = mapRef.current) === null || _mapRef$current11 === void 0 ? void 0 : _mapRef$current11.addListener("tilesLoaded", function (args) {
         props.onTilesLoaded && props.onTilesLoaded(args);
       }, {
         location: true
@@ -864,9 +899,9 @@ var MFMap = function MFMap(props) {
     }
 
     if (props.onCameraChanging) {
-      var _mapRef$current8;
+      var _mapRef$current12;
 
-      var onCameraChanging = (_mapRef$current8 = mapRef.current) === null || _mapRef$current8 === void 0 ? void 0 : _mapRef$current8.addListener("cameraChanging", function (args) {
+      var onCameraChanging = (_mapRef$current12 = mapRef.current) === null || _mapRef$current12 === void 0 ? void 0 : _mapRef$current12.addListener("cameraChanging", function (args) {
         props.onCameraChanging && props.onCameraChanging(args);
       }, {
         location: true
@@ -972,6 +1007,7 @@ var MFMarker = function MFMarker(props) {
       markerRef.current.onClick = onClick;
       markerRef.current.onRightClick = props.onRightClick;
       markerRef.current.onDragEnd = props.onDragEnd;
+      markerRef.current.onHover = props.onHover;
       onCreated && onCreated(markerRef.current);
       (markerClusterContext === null || markerClusterContext === void 0 ? void 0 : markerClusterContext.addMarker) && (markerClusterContext === null || markerClusterContext === void 0 ? void 0 : markerClusterContext.addMarker(markerRef.current));
     }
@@ -1428,6 +1464,7 @@ var MFPolygon = function MFPolygon(props) {
       });
       polygonRef.current = new map4d.Polygon(option);
       (_polygonRef$current = polygonRef.current) === null || _polygonRef$current === void 0 ? void 0 : _polygonRef$current.setMap(theMap);
+      polygonRef.current.onHover = props.onHover;
       onCreated && onCreated(polygonRef.current);
     }
   }, [theMap]);
@@ -1549,6 +1586,7 @@ var MFPolyline = function MFPolyline(props) {
       });
       polylineRef.current = new map4d.Polyline(option);
       (_polylineRef$current = polylineRef.current) === null || _polylineRef$current === void 0 ? void 0 : _polylineRef$current.setMap(theMap);
+      polylineRef.current.onHover = props.onHover;
       onCreated && onCreated(polylineRef.current);
     }
   }, [theMap]);