## Components **src/Circle/index.js** ### 1. Circle | Property | Type | Required | Default value | Description | | :------------ | :----- | :------- | :-------------------------- | :---------- | | center | object | no | <See the source code> | | radius | number | no | 10 | | fillColor | string | no | <See the source code> | | strokeColor | string | no | <See the source code> | | lineWidth | number | no | 2 | | onCircleDrawn | func | no | <See the source code> | --- **src/HereMap/index.js** ### 2. HereMaps | Property | Type | Required | Default value | Description | | :---------- | :----- | :------- | :-------------------------- | :-------------------------------------------------------------- | | appId | string | no | <See the source code> | Heremaps App ID | | appCode | string | no | <See the source code> | Heremaps App Code | | useHTTPS | bool | no | true | If true then works in https | | onMapLoaded | func | no | <See the source code> | Called when the map is loaded. This returns the map object. | | center | object | no | <See the source code> | Center of the map. It should be like this {lat: 12.12, lng: 13} | | bounds | object | no | <See the source code> | Rectangular bounds which restrict the maps viewing port It should be like this {north: 12, south: 17, east: 10, west: 14} zoom|number|no|10|Zoom level of the map. Defaults to 10. | --- **src/Marker/index.js** ### 3. Marker Creates dom marker based on the lat and lng | Property | Type | Required | Default value | Description | | :-------------- | :----- | :------- | :-------------------------- | :------------------------------------------------------------ | | lat | number | no | 0 | Latitude position of the marker | | lng | number | no | 0 | Longitude position of the marker | | onMarkerCreated | custom | no | <See the source code> | Called when the marker is added to the map | | draggable | bool | no | false | If set true, the marker will be draggable. Defaults to false. | | behavior | object | no | <See the source code> | --- **src/Polygon/index.js** ### 4. Polygon Creates polygon based on the datapoints(which are lat, lng and alt) | Property | Type | Required | Default value | Description | | :------------- | :----- | :------- | :-------------------------- | :----------------------------------------------------------------------------------------------------------------------------------------- | | dataPoints | array | no | <See the source code> | An array of data which will have lat, lng and alt. for eg: [12, 13, 100, 22, 13, 100] 12 is latitude, 13 is longitude and 100 is latitude. | | fillColor | string | no | <See the source code> | The filling color in CSS syntax, the default is #FFFFCC. It can be hex or rgba value. | | strokeColor | string | no | <See the source code> | The color of the stroke in CSS syntax, the default is #829. | | lineWidth | number | no | 1 | width of the line in pixels. Defaults to 1. | | onPolygonDrawn | func | no | <See the source code> | Called when the polygon is added to the map | --- **src/Polyline/index.js** ### 5. Polyline Creates the polyline component on the map | Property | Type | Required | Default value | Description | | :-------------- | :----- | :------- | :-------------------------- | :---------------------------------------------------------------------------------------------------------------------------------------- | | dataPoints | array | no | <See the source code> | An array of data which will have lat, lng and alt for eg: [12, 13, 100, 22, 13, 100] 12 is latitude, 13 is longitude and 100 is latitude. | | strokeColor | string | no | <See the source code> | Color of the polyline. It can be hex or rgba value. | | lineWidth | number | no | 2 | width of the polyline. Default is 1. | | miterLength | number | no | 10 | The miter length as the distance between the inner corner and the outer corner where two lines meet. The default is 10. | | onPolylineDrawn | func | no | <See the source code> | Called when the polyline is added to the map | | lineDash | | no | <See the source code> | | lineDashOffset | | no | 0 | --- **src/Rectangle/index.js** ### 6. Rectangle Creates rectange on the map based on the bounds | Property | Type | Required | Default value | Description | | :--------------- | :----- | :------- | :-------------------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | bounds | object | no | <See the source code> | Bounds represents a rectangular geographic area defined by the geographic coordinates of its top-left and bottom-right corners.{north: 22,south: 12,east: 11,west: 10} | | fillColor | string | no | <See the source code> | Fillcolor of the rectangle. It can be an Hex value or RGBA value | | strokeColor | string | no | <See the source code> | Stroke color is the border color of the rectangle | | lineWidth | number | no | 1 | Linewidth of the rectangle. Defaults to 1. | | onRectangleDrawn | func | no | <See the source code> | Called when the rectange is added to the map | --- This document was generated by the **React DOC Generator v1.2.5**.