My mapple-map Package

A simple component to integrate with your react app

Usage

js

import MappleGeoMap from "mymapplemapv2"







This is the GeoData format you are responsible to send from backend throw the socket URL

json



{

    "type": "FeatureCollection",

    "features": [{

        "type": "Feature",

        "properties":

            {

                "isCar": true,                          // It should alwasy true for your vehicle marker *

                "description": "Your Car Description",

                "CarNumber": "Your Car Number",

                "ModelName": "Your car Model Name",

                "icon":"image.png",

                "icon-size":.1,

                "text":"sample text",

                "text-size":10,

                "text-offset":[0,.6],

                "path":[

                    [

                        {lat:000.00, lng:000.00},       //Sample Path for your car

                        {lat:000.00, lng:000.00},       

                        .....

                    ],

                    [

                        {lat:000.00, lng:000.00},      //Sample Path for your car

                        {lat:000.00, lng:000.00},

                        .....

                    ]

                    .....

                ]

        },

        "geometry": {"type": "Point",

        "coordinates": [000.00, 000.00]} // put your car coordiantes as format [latitude , longitude]

        },

        {

            .....

        }

    ]

}

My mapple-map Package

A simple component to integrate with your react app

Usage

js

import MappleGeoMap from "mymapplemapv2"







This is the GeoData format you are responsible to send from backend throw the socket URL

json



{

    "type": "FeatureCollection",

    "features": [{

        "type": "Feature",

        "properties":

            {

                "isCar": true,                          // It should alwasy true for your vehicle marker *

                "description": "Your Car Description",

                "CarNumber": "Your Car Number",

                "ModelName": "Your car Model Name",

                "icon":"image.png",

                "icon-size":.1,

                "text":"sample text",

                "text-size":10,

                "text-offset":[0,.6],

                "path":[

                    [

                        {lat:000.00, lng:000.00},       //Sample Path for your car

                        {lat:000.00, lng:000.00},       

                        .....

                    ],

                    [

                        {lat:000.00, lng:000.00},      //Sample Path for your car

                        {lat:000.00, lng:000.00},

                        .....

                    ]

                    .....

                ]

        },

        "geometry": {"type": "Point",

        "coordinates": [000.00, 000.00]} // put your car coordiantes as format [latitude , longitude]

        },

        {

            .....

        }

    ]

}