Add Animation To maps:

view.animate() is used to add one or more animations. For a example of adding animation http://openlayers.org/en/latest/examples/animation.html.

Here if you want to give your cities, just replace london to city you want to add. After replacing london with your city change longitude and latitude in line :

var london = ol.proj.fromLonLat([-0.12755, 51.507222]); Here enter your cities longitude and latitude. Also, change the zoom level according to your requirement.

OpenStreetMap

OpenStreetMap is an initiative to create and provide free geographic data, such as street maps, to anyone. The OpenStreetMap Foundation is an international not-for-profit organization supporting, but not controlling, the OpenStreetMap Project. It is dedicated to encouraging the growth, development and distribution of free geospatial data and to providing geospatial data for anyone to use and share.

Documentation

For detailed documentation on this project refer to https://github.com/abhinavhanda21/openstreetmap-documentation/blob/master/abhinav%20report.pdf