Map component of Urban Data Analytics. You can recieve the coordinates from other UDA's components or external components. Ir shows the address that it recieves from other components with a POI (or Marker) in a map. If you click on the POI it will show you de information of that point.
If you want to use udaMap you need to have an user and a password from pulse, the urban data analytic's tool.
To start with udaMap, first, you have to install the npm package.
$ npm install --¿Uda MapThe props you can configurate are the following ones:
Props for the map's size
| Prop | type | description |
|---|---|---|
| height | string | map's height |
| maxWidth | string | the maximum width of the map |
| minWidht | string | the minimum width of the map |
The props to configurate to the pop-up are the following ones:
| Prop | type | description |
|---|---|---|
| address | string | address that you want to show, you can have it from other components |
| operation | number | operation 0 is rent and operation 1 is rent |
| uDAVALUE | number | value that the API of uda gives to the place, you can have it from other components |
The coordinate props are:
| Prop | type | description |
|---|---|---|
| lat | number | latitud |
| lon | number | longitude |
| zoom | number | zoom of the map |
nada porque no hay npm todavía
- If you want to, you can install the udaReport package to have a more complete experience (Link del paquete npm).
- You can configurate the operation that you want to show in the pop up with sale or rent.
- In this version the props that come from an API are hardcoded
- Leaflet
- react-leaflet
- Esther Pato - https://github.com/estherpato
- Valeria Roldán - https://github.com/valromo
- Loreto Vaquero - https://github.com/VaqueroFontenla
- Laura Vargas - https://github.com/lauraVzarco