Uda Map

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.

Getting Started with Uda Map

Prerrequisites

If you want to use udaMap you need to have an user and a password from pulse, the urban data analytic's tool.

How to install

To start with udaMap, first, you have to install the npm package.

$ npm install --¿Uda Map

Props from UDA

The 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 |

How to use it

nada porque no hay npm todavía

Interesting Data

• 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

Tech

• Leaflet
• react-leaflet

Authors

• 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