Desarrollo de Mapa Interactivo en Html5

Esta es la descripcion: El mapa esta dentro de una pagina (en un div). 1) Se muestra el mapa general de LatinoAmerica: Alli con el mouse hover se sobrea el pais a elegir (con un color diferente cada pais) 2) Segundo, se le hace click: Zoom hacia el pais, mostrandose los puntos de las ciudades, y al hacer mouse Hover en cada punto, se muestra una ficha descriptiva por cada ciudad. La idea es que cuando el usuario hago zoom en el pais, arriba de la zona figure la navegacion que se fue haciendo. America->Brasil , por ejemplo, para poder volver al mapa principal en cualquier momento. Este es el efecto que se quiere lograr: [login to view URL] --->[login to view URL] aca hay otro ejemplo: [login to view URL] Acá no tiene zoom eso le falta. También necesito cotización de la pagina que contiene al mapa es un front-end responsive Ah una cosa mas, cuando se hace click en una ciudad de la lista (en la pagina-ver imagen) tiene q hacer el efecto, de hacer el zoom, mostrar el país y clickear en el punto de la ciudad.