Online maps of Barcelona
The best online map of Barcelona is undoubtedly that on the official bcn.es site. You can type in any given address and get the sort of result shown in the screenshot above.
An alternative would be on Google Maps.
Barcelona has an excellent bus and underground service and there is an excellent website which you may find useful for getting around.