在HTML中切换视图

Question

我有一个使用Google Maps JavaScript API v3的应用程序，我的地图位于我的页面底部，我希望它在不同的视图上，所以当我点击一个链接时（链接是这里的位置）应用程序应用程序应该带我到不同的视图嵌入其中的地图。 这是我的地图代码，如何让它在不同的视图中运行并重定向到它？

function initialize() {
      var mapOptions = {
        center: new google.maps.LatLng(site.Point.coordinates),
        zoom: 8
      };
      var map = new google.maps.Map(document.getElementById("map-canvas"),
        mapOptions);
    }
    google.maps.event.addDomListener(window, 'load', initialize)

如果您有兴趣看一下，这里有我的完整代码。 http://plnkr.co/edit/OZZRgiEcrLzreW3lrc5v?p=preview

编辑***在Angular.js中使用ng-route执行此操作可能最简单 如果有人能给出一个简短的解释，我将不胜感激。