src/Circle/index.js
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
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
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
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
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
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.