react-map4d-map 1.0.0

package/README.md

@@ -0,0 +1,30 @@
+# react-map4d-map
+
+> react-map4d-map
+
+[![NPM](https://img.shields.io/npm/v/react-map4d-map.svg)](https://www.npmjs.com/package/react-map4d-map) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
+
+## Install
+
+```bash
+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 />
+  }
+}
+```
+
+## License
+
+MIT © [vantoan2509](https://github.com/vantoan2509)

package/dist/components/MFBuilding.d.ts

@@ -0,0 +1,42 @@
+import PropTypes from 'prop-types';
+interface BuildingProps {
+    position?: map4d.ILatLng;
+    name?: string;
+    scale?: number;
+    bearing?: number;
+    elevation?: number;
+    height?: number;
+    model?: string;
+    texture?: string;
+    coordinates?: map4d.ILatLng[];
+    zIndex?: number;
+    visible?: boolean;
+    draggable?: boolean;
+    userInteractionEnabled?: boolean;
+    selected?: boolean;
+    growUp?: boolean;
+    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>;
+    };
+};
+export default MFBuilding;

package/dist/components/MFBuildingOverlay.d.ts

@@ -0,0 +1,21 @@
+import PropTypes from 'prop-types';
+interface BuildingOverlayProps {
+    getUrl: (x: number, y: number, zoom: number) => any;
+    parserData: (response: any) => any;
+    prefixId?: string;
+    visible?: boolean;
+    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>;
+    };
+};
+export default MFBuildingOverlay;

package/dist/components/MFCircle.d.ts

@@ -0,0 +1,35 @@
+import PropTypes from 'prop-types';
+interface CircleProps {
+    center: map4d.ILatLng;
+    radius?: number;
+    fillColor?: string;
+    fillOpacity?: number;
+    visible?: boolean;
+    strokeColor?: string;
+    strokeWidth?: number;
+    draggable?: boolean;
+    zIndex?: number;
+    elevation?: number;
+    userInteractionEnabled?: boolean;
+    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>;
+    };
+};
+export default MFCircle;

package/dist/components/MFDataLayer.d.ts

@@ -0,0 +1,15 @@
+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>;
+    };
+};
+export default MFDataLayer;

package/dist/components/MFDirectionsRenderer.d.ts

@@ -0,0 +1,50 @@
+import PropTypes from 'prop-types';
+interface DirectionsRendererProps {
+    routes?: string | object | map4d.RouteOptions | map4d.ILatLng[][];
+    /**
+     * @deprecated The `directions` prop is no longer support, which is subject to removal in a future versions. Use
+     * the `routes` prop instead.
+     */
+    directions?: string;
+    activedIndex?: number;
+    activeStrokeWidth?: number;
+    activeStrokeColor?: string;
+    activeOutlineWidth?: number;
+    activeOutlineColor?: string;
+    activeStrokePattern?: map4d.PatternItem;
+    inactiveStrokeWidth?: number;
+    inactiveStrokeColor?: string;
+    inactiveOutlineWidth?: number;
+    inactiveOutlineColor?: string;
+    inactiveStrokePattern?: map4d.PatternItem;
+    originMarkerOptions?: map4d.MarkerOptions;
+    destinationMarkerOptions?: map4d.MarkerOptions;
+    waypointMarkerOptions?: map4d.MarkerOptions[];
+    onMarkerDragEnd?: Function;
+    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>;
+    };
+};
+export default MFDirectionsRenderer;

package/dist/components/MFGroundOverlay.d.ts

@@ -0,0 +1,19 @@
+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>;
+    };
+};
+export default MFGroundOverlay;

package/dist/components/MFImageOverlay.d.ts

@@ -0,0 +1,18 @@
+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>;
+    };
+};
+export default MFImageOverlay;

package/dist/components/MFMap.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+export declare function addLibrary(url: string, id: string): HTMLScriptElement | null;
+interface MapProps {
+    mapid?: string;
+    options: map4d.MapOptions;
+    version: string;
+    accessKey: string;
+    onMapReady: (map: map4d.Map, key?: string) => void;
+}
+declare class MFMap extends React.Component<MapProps, any> {
+    mapKey: string;
+    callback: string;
+    mapDomRef: any;
+    mapRef: map4d.Map;
+    scriptElement: any;
+    url: string | null;
+    constructor(props: MapProps);
+    setMapDomRef(e: any): void;
+    componentWillUnmount(): void;
+    destroy(): void;
+    createCallback(): void;
+    render(): JSX.Element;
+}
+export default MFMap;

package/dist/components/MFMarker.d.ts

@@ -0,0 +1,28 @@
+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>;
+    };
+};
+export default MFMarker;

package/dist/components/MFMarkerCluster.d.ts

@@ -0,0 +1,19 @@
+/// <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>;
+    };
+};
+export default MFMarkerCluster;

package/dist/components/MFPOI.d.ts

@@ -0,0 +1,24 @@
+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>;
+    };
+};
+export default MFPOI;

package/dist/components/MFPOIOverlay.d.ts

@@ -0,0 +1,17 @@
+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>;
+    };
+};
+export default MFPOIOverlay;

package/dist/components/MFPolygon.d.ts

@@ -0,0 +1,23 @@
+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>;
+    };
+};
+export default MFPolygon;

package/dist/components/MFPolyline.d.ts

@@ -0,0 +1,24 @@
+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>;
+    };
+};
+export default MFPolyline;

package/dist/components/MFTileOverlay.d.ts

@@ -0,0 +1,17 @@
+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>;
+    };
+};
+export default MFTileOverlay;

package/dist/context/Map4dContext.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const defaultCt: {
+    map: null;
+};
+export declare const Map4dContext: import("react").Context<{
+    map: null;
+}>;

package/dist/context/MarkerClusterContext.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const markerClusterDefaultContext: {
+    addMarker: (marker: map4d.Marker) => void;
+    removeMarker: (marker: map4d.Marker) => void;
+};
+export declare const MarkerClusterContext: import("react").Context<{
+    addMarker: (marker: map4d.Marker) => void;
+    removeMarker: (marker: map4d.Marker) => void;
+}>;

package/dist/context/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Map4dContext";
+export * from "./MarkerClusterContext";

package/dist/index.css

@@ -0,0 +1,9 @@
+/* add css module styles here (optional) */
+
+._styles-module__test__3ybTi {
+  margin: 2em;
+  padding: 0.5em;
+  border: 2px solid #000;
+  font-size: 2em;
+  text-align: center;
+}

package/dist/index.d.ts

@@ -0,0 +1,16 @@
+import MFBuilding from './components/MFBuilding';
+import MFBuildingOverlay from './components/MFBuildingOverlay';
+import MFCircle from './components/MFCircle';
+import MFDataLayer from './components/MFDataLayer';
+import MFDirectionsRenderer from './components/MFDirectionsRenderer';
+import MFGroundOverlay from './components/MFGroundOverlay';
+import MFImageOverlay from './components/MFImageOverlay';
+import MFMap from './components/MFMap';
+import MFMarker from './components/MFMarker';
+import MFMarkerCluster from './components/MFMarkerCluster';
+import MFPOI from './components/MFPOI';
+import MFPOIOverlay from './components/MFPOIOverlay';
+import MFPolygon from './components/MFPolygon';
+import MFPolyline from './components/MFPolyline';
+import MFTileOverlay from './components/MFTileOverlay';
+export { MFBuilding, MFBuildingOverlay, MFCircle, MFDataLayer, MFDirectionsRenderer, MFGroundOverlay, MFImageOverlay, MFMap, MFMarker, MFMarkerCluster, MFPOI, MFPOIOverlay, MFPolygon, MFPolyline, MFTileOverlay };