react-map4d-map 1.0.0 → 1.0.1

package/README.md

@@ -13,14 +13,33 @@ npm install --save react-map4d-map
 ## Usage
 
 ```tsx
-import React, { Component } from 'react'
-
-import MyComponent from 'react-map4d-map'
-import 'react-map4d-map/dist/index.css'
-
-class Example extends Component {
-  render() {
-    return <MyComponent />
+import React, { useState } from "react"
+import { MFBuilding, MFMap } from "react-map4d-map"
+
+const Example = (props) => {
+  const [post, setPost] = useState({ lat: 16.103254, lng: 108.214835 })
+    return (
+      <div style={{ width: '80%', height: '500px' }}>
+          <MFMap
+            onMapReady={onMapReady1}
+            options={{
+              center: { lat: 16.103254, lng: 108.214835 },
+                zoom: 18,
+                tilt: 50,
+                bearing: 250,
+                controls: true
+              }}
+              accessKey={"yourKey"}
+              version={"2.3"} >
+                <MFBuilding
+                  name="test"
+                  model={"https://sw-hcm-1.vinadata.vn/v1/AUTH_d0ecabcbdcd74f6aa6ac9a5da528eb78/sdk/models/5d26e774bb542caaf439e605.obj"}
+                  text={"https://sw-hcm-1.vinadata.vn/v1/AUTH_d0ecabcbdcd74f6aa6ac9a5da528eb78/sdk/textures/5d26e775bb542caaf439e607.png"}
+                  position={post}
+                />
+          </MFMap>
+      </div>
+    )
   }
 }
 ```

package/dist/components/MFBuilding.d.ts

@@ -1,4 +1,3 @@
-import PropTypes from 'prop-types';
 interface BuildingProps {
     position?: map4d.ILatLng;
     name?: string;
@@ -18,25 +17,5 @@ interface BuildingProps {
     map?: map4d.Map;
     onCreated?: (building: map4d.Building) => void;
 }
-declare const MFBuilding: {
-    (props: BuildingProps): null;
-    propTypes: {
-        position: PropTypes.Validator<any>;
-        name: PropTypes.Requireable<string>;
-        scale: PropTypes.Requireable<number>;
-        bearing: PropTypes.Requireable<number>;
-        elevation: PropTypes.Requireable<number>;
-        height: PropTypes.Requireable<number>;
-        model: PropTypes.Requireable<string>;
-        texture: PropTypes.Requireable<string>;
-        coordinates: PropTypes.Requireable<any[]>;
-        visible: PropTypes.Requireable<boolean>;
-        draggable: PropTypes.Requireable<boolean>;
-        userInteractionEnabled: PropTypes.Requireable<boolean>;
-        selected: PropTypes.Requireable<boolean>;
-        growUp: PropTypes.Requireable<boolean>;
-        map: PropTypes.Requireable<any>;
-        onCreated: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-};
+declare const MFBuilding: (props: BuildingProps) => null;
 export default MFBuilding;

package/dist/components/MFBuildingOverlay.d.ts

@@ -1,4 +1,3 @@
-import PropTypes from 'prop-types';
 interface BuildingOverlayProps {
     getUrl: (x: number, y: number, zoom: number) => any;
     parserData: (response: any) => any;
@@ -7,15 +6,5 @@ interface BuildingOverlayProps {
     map?: map4d.Map;
     onCreated?: (buildingOverlay: map4d.BuildingOverlay) => void;
 }
-declare const MFBuildingOverlay: {
-    (props: BuildingOverlayProps): null;
-    propTypes: {
-        getUrl: PropTypes.Validator<(...args: any[]) => any>;
-        visible: PropTypes.Requireable<boolean>;
-        parserData: PropTypes.Validator<(...args: any[]) => any>;
-        prefixId: PropTypes.Requireable<string>;
-        map: PropTypes.Requireable<any>;
-        onCreated: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-};
+declare const MFBuildingOverlay: (props: BuildingOverlayProps) => null;
 export default MFBuildingOverlay;

package/dist/components/MFCircle.d.ts

@@ -1,4 +1,3 @@
-import PropTypes from 'prop-types';
 interface CircleProps {
     center: map4d.ILatLng;
     radius?: number;
@@ -14,22 +13,5 @@ interface CircleProps {
     map?: map4d.Map;
     onCreated?: (circle: map4d.Circle) => void;
 }
-declare const MFCircle: {
-    (props: CircleProps): null;
-    propTypes: {
-        center: PropTypes.Validator<any>;
-        radius: PropTypes.Validator<number>;
-        fillColor: PropTypes.Requireable<string>;
-        fillOpacity: PropTypes.Requireable<number>;
-        visible: PropTypes.Requireable<boolean>;
-        strokeColor: PropTypes.Requireable<string>;
-        strokeWidth: PropTypes.Requireable<number>;
-        draggable: PropTypes.Requireable<boolean>;
-        zIndex: PropTypes.Requireable<number>;
-        elevation: PropTypes.Requireable<number>;
-        userInteractionEnabled: PropTypes.Requireable<boolean>;
-        map: PropTypes.Requireable<any>;
-        onCreated: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-};
+declare const MFCircle: (props: CircleProps) => null;
 export default MFCircle;

package/dist/components/MFDataLayer.d.ts

@@ -1,15 +1,7 @@
-import PropTypes from 'prop-types';
 interface DataLayerProps {
     geoJsonString: string;
     map?: map4d.Map;
     onCreated?: (dataLeyer?: map4d.Data.Feature[]) => void;
 }
-declare const MFDataLayer: {
-    (props: DataLayerProps): null;
-    propTypes: {
-        geoJsonString: PropTypes.Validator<string>;
-        map: PropTypes.Requireable<any>;
-        onCreated: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-};
+declare const MFDataLayer: (props: DataLayerProps) => null;
 export default MFDataLayer;

package/dist/components/MFDirectionsRenderer.d.ts

@@ -1,4 +1,3 @@
-import PropTypes from 'prop-types';
 interface DirectionsRendererProps {
     routes?: string | object | map4d.RouteOptions | map4d.ILatLng[][];
     /**
@@ -24,27 +23,5 @@ interface DirectionsRendererProps {
     map: map4d.Map;
     onCreated: (directionsRenderer?: map4d.DirectionsRenderer) => void;
 }
-declare const MFDirectionsRenderer: {
-    (props: DirectionsRendererProps): null;
-    propTypes: {
-        routes: PropTypes.Requireable<any>;
-        activedIndex: PropTypes.Requireable<number>;
-        activeStrokeWidth: PropTypes.Requireable<number>;
-        activeStrokeColor: PropTypes.Requireable<string>;
-        activeOutlineWidth: PropTypes.Requireable<number>;
-        activeOutlineColor: PropTypes.Requireable<string>;
-        activeStrokePattern: PropTypes.Requireable<any>;
-        inactiveStrokeWidth: PropTypes.Requireable<number>;
-        inactiveStrokeColor: PropTypes.Requireable<string>;
-        inactiveOutlineWidth: PropTypes.Requireable<number>;
-        inactiveOutlineColor: PropTypes.Requireable<string>;
-        inactiveStrokePattern: PropTypes.Requireable<any>;
-        originMarkerOptions: PropTypes.Requireable<any>;
-        destinationMarkerOptions: PropTypes.Requireable<any>;
-        waypointMarkerOptions: PropTypes.Requireable<any>;
-        onMarkerDragEnd: PropTypes.Requireable<(...args: any[]) => any>;
-        map: PropTypes.Requireable<any>;
-        onCreated: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-};
+declare const MFDirectionsRenderer: (props: DirectionsRendererProps) => null;
 export default MFDirectionsRenderer;

package/dist/components/MFGroundOverlay.d.ts

@@ -1,19 +1,6 @@
-import PropTypes from 'prop-types';
 interface GroundOverlayProps extends map4d.GroundOverlayOptions {
     map?: map4d.Map;
     onCreated?: (groundOverlay: map4d.GroundOverlay) => void;
 }
-declare const MFGroundOverlay: {
-    (props: GroundOverlayProps): null;
-    propTypes: {
-        bounds: PropTypes.Validator<any>;
-        getUrl: PropTypes.Validator<(...args: any[]) => any>;
-        override: PropTypes.Requireable<boolean>;
-        visible: PropTypes.Requireable<boolean>;
-        zIndex: PropTypes.Requireable<number>;
-        opacity: PropTypes.Requireable<number>;
-        map: PropTypes.Requireable<any>;
-        onCreated: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-};
+declare const MFGroundOverlay: (props: GroundOverlayProps) => null;
 export default MFGroundOverlay;

package/dist/components/MFImageOverlay.d.ts

@@ -1,18 +1,6 @@
-import PropTypes from 'prop-types';
 interface ImageOverlayProps extends map4d.ImageOverlayOptions {
     map?: map4d.Map;
     onCreated?: (imageOverlay: map4d.ImageOverlay) => void;
 }
-declare const MFImageOverlay: {
-    (props: ImageOverlayProps): null;
-    propTypes: {
-        url: PropTypes.Validator<any>;
-        bounds: PropTypes.Validator<(...args: any[]) => any>;
-        visible: PropTypes.Requireable<boolean>;
-        zIndex: PropTypes.Requireable<number>;
-        opacity: PropTypes.Requireable<number>;
-        map: PropTypes.Requireable<any>;
-        onCreated: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-};
+declare const MFImageOverlay: (props: ImageOverlayProps) => null;
 export default MFImageOverlay;

package/dist/components/MFMap.d.ts

@@ -5,6 +5,7 @@ interface MapProps {
     options: map4d.MapOptions;
     version: string;
     accessKey: string;
+    environment?: "dev" | "test" | undefined | null;
     onMapReady: (map: map4d.Map, key?: string) => void;
 }
 declare class MFMap extends React.Component<MapProps, any> {

package/dist/components/MFMarker.d.ts

@@ -1,28 +1,6 @@
-import PropTypes from 'prop-types';
 interface MarkerProps extends map4d.MarkerOptions {
     map?: map4d.Map;
     onCreated: (marker: map4d.Marker) => void;
 }
-declare const MFMarker: {
-    (props: MarkerProps): null;
-    propTypes: {
-        position: PropTypes.Validator<any>;
-        visible: PropTypes.Requireable<boolean>;
-        anchor: PropTypes.Requireable<any>;
-        labelAnchor: PropTypes.Requireable<any>;
-        icon: PropTypes.Requireable<any>;
-        elevation: PropTypes.Requireable<number>;
-        rotation: PropTypes.Requireable<number>;
-        title: PropTypes.Requireable<string>;
-        snippet: PropTypes.Requireable<string>;
-        windowAnchor: PropTypes.Requireable<any>;
-        zIndex: PropTypes.Requireable<number>;
-        label: PropTypes.Requireable<any>;
-        draggable: PropTypes.Requireable<boolean>;
-        iconView: PropTypes.Requireable<string | Node>;
-        userInteractionEnabled: PropTypes.Requireable<boolean>;
-        map: PropTypes.Requireable<any>;
-        onCreated: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-};
+declare const MFMarker: (props: MarkerProps) => null;
 export default MFMarker;

package/dist/components/MFMarkerCluster.d.ts

@@ -1,19 +1,8 @@
 /// <reference types="react" />
-import PropTypes from 'prop-types';
 interface MarkerClusterProps extends map4d.MarkerClusterOptions {
     map?: map4d.Map;
     onCreated: (markerCluster: map4d.MarkerClusterer) => void;
     children: any;
 }
-declare const MFMarkerCluster: {
-    (props: MarkerClusterProps): JSX.Element;
-    propTypes: {
-        minZoom: PropTypes.Requireable<number>;
-        maxZoom: PropTypes.Requireable<number>;
-        radius: PropTypes.Requireable<number>;
-        zoomOnClick: PropTypes.Requireable<boolean>;
-        map: PropTypes.Requireable<any>;
-        onCreated: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-};
+declare const MFMarkerCluster: (props: MarkerClusterProps) => JSX.Element;
 export default MFMarkerCluster;

package/dist/components/MFPOI.d.ts

@@ -1,24 +1,6 @@
-import PropTypes from 'prop-types';
 interface POIProps extends map4d.POIOptions {
     map?: map4d.Map;
     onCreated?: (poi: map4d.POI) => void;
 }
-declare const MFPOI: {
-    (props: POIProps): null;
-    propTypes: {
-        position: PropTypes.Validator<any>;
-        title: PropTypes.Requireable<string>;
-        subtitle: PropTypes.Requireable<string>;
-        color: PropTypes.Requireable<string>;
-        type: PropTypes.Requireable<string>;
-        icon: PropTypes.Requireable<string>;
-        elevation: PropTypes.Requireable<number>;
-        zIndex: PropTypes.Requireable<number>;
-        visible: PropTypes.Requireable<boolean>;
-        draggable: PropTypes.Requireable<boolean>;
-        userInteractionEnabled: PropTypes.Requireable<boolean>;
-        map: PropTypes.Requireable<any>;
-        onCreated: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-};
+declare const MFPOI: (props: POIProps) => null;
 export default MFPOI;

package/dist/components/MFPOIOverlay.d.ts

@@ -1,17 +1,6 @@
-import PropTypes from 'prop-types';
 interface POIOverlayProps extends map4d.POIOverlayOptions {
     map?: map4d.Map;
     onCreated?: (poiOverlay: map4d.POIOverlay) => void;
 }
-declare const MFPOIOverlay: {
-    (props: POIOverlayProps): null;
-    propTypes: {
-        getUrl: PropTypes.Validator<(...args: any[]) => any>;
-        visible: PropTypes.Requireable<boolean>;
-        parserData: PropTypes.Validator<(...args: any[]) => any>;
-        prefixId: PropTypes.Requireable<string>;
-        map: PropTypes.Requireable<any>;
-        onCreated: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-};
+declare const MFPOIOverlay: (props: POIOverlayProps) => null;
 export default MFPOIOverlay;

package/dist/components/MFPolygon.d.ts

@@ -1,23 +1,6 @@
-import PropTypes from 'prop-types';
 interface PolygonProps extends map4d.PolygonOptions {
     map?: map4d.Map;
     onCreated: (polygon: map4d.Polygon) => void;
 }
-declare const MFPolygon: {
-    (props: PolygonProps): null;
-    propTypes: {
-        paths: PropTypes.Validator<any>;
-        fillColor: PropTypes.Requireable<string>;
-        fillOpacity: PropTypes.Requireable<number>;
-        visible: PropTypes.Requireable<boolean>;
-        strokeColor: PropTypes.Requireable<string>;
-        strokeWidth: PropTypes.Requireable<number>;
-        draggable: PropTypes.Requireable<number>;
-        elevation: PropTypes.Requireable<number>;
-        zIndex: PropTypes.Requireable<number>;
-        userInteractionEnabled: PropTypes.Requireable<boolean>;
-        map: PropTypes.Requireable<any>;
-        onCreated: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-};
+declare const MFPolygon: (props: PolygonProps) => null;
 export default MFPolygon;

package/dist/components/MFPolyline.d.ts

@@ -1,24 +1,6 @@
-import PropTypes from 'prop-types';
 interface PolylineProps extends map4d.PolylineOptions {
     map?: map4d.Map;
     onCreated?: (polyline: map4d.Polyline) => void;
 }
-declare const MFPolyline: {
-    (props: PolylineProps): null;
-    propTypes: {
-        path: PropTypes.Validator<any>;
-        strokeWidth: PropTypes.Requireable<number>;
-        strokeColor: PropTypes.Requireable<string>;
-        strokeOpacity: PropTypes.Requireable<number>;
-        visible: PropTypes.Requireable<boolean>;
-        closed: PropTypes.Requireable<boolean>;
-        draggable: PropTypes.Requireable<boolean>;
-        zIndex: PropTypes.Requireable<number>;
-        elevation: PropTypes.Requireable<number>;
-        strokePattern: PropTypes.Requireable<any>;
-        userInteractionEnabled: PropTypes.Requireable<boolean>;
-        map: PropTypes.Requireable<any>;
-        onCreated: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-};
+declare const MFPolyline: (props: PolylineProps) => null;
 export default MFPolyline;

package/dist/components/MFTileOverlay.d.ts

@@ -1,17 +1,6 @@
-import PropTypes from 'prop-types';
 interface TileOverlayProps extends map4d.TileOverlayOptions {
     map?: map4d.Map;
     onCreated?: (tileOverlay: map4d.TileOverlay) => void;
 }
-declare const MFTileOverlay: {
-    (props: TileOverlayProps): null;
-    propTypes: {
-        getUrl: PropTypes.Validator<(...args: any[]) => any>;
-        visible: PropTypes.Requireable<boolean>;
-        zIndex: PropTypes.Requireable<number>;
-        opacity: PropTypes.Requireable<number>;
-        map: PropTypes.Requireable<any>;
-        onCreated: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-};
+declare const MFTileOverlay: (props: TileOverlayProps) => null;
 export default MFTileOverlay;