Addresses' Lists (Draggable div)

[nandoartur45]

1. • Create a draggable div to be used as a display for "Items List".
   1. • Right-clicking an region of interest, over the cartographic map, will display a contextual menu with the following options: "save image", "copy image" and "address' list" (draggable div). If the user right-clicks any point on the cartographic map that isn't inside a region of interest, then the displayed options will be "save image" and "copy image".
   2. • The ItemsList's draggable div have a pinning option that fixes it on the map.
   3. • The draggable div have an option to remove the region of interest from the cartographic map and from the regions of interest's list.
2. • While hovering over a street's name inside "Items List" Div, the respective street will be highlighted on the cartographic map.
3. • When some street inside "Items List" div is selected, the respective will be highlighted until it's deselected.
4. • When some street is selected in "Items List" div and "ok" button is pressed, images for the selected streets will be displayed on the imgUrbanPicture in an alphabetical order according to the streets selected in the "Items List" div.
5. • Adjust the Addresses List to receive addresses from uiModel.
6. • Integrate the Addresses List with the map through the OpenLayers'API.
7. • Make the Addresses List's size adjustable.

Context Menu example

Addresses List example