Javascript 禁止在Angularjs路线更改时重新加载google地图
我有一个谷歌地图作为我网站的背景。在单独的管线上使用,以向各种管线中显示的数据添加视觉特征。我想确保这不会被重新加载在每一个路线的变化,这会导致一个闪光的白色,这是非常恼人的,而不是视觉愉悦 我想我可以通过将它移出我的ng视图来实现这一点,因为外部的一切都应该是静态的(所以我想) 目前,在与视图相对应的每个控制器中都会调用它(否则在路由更改后将不会加载它)Javascript 禁止在Angularjs路线更改时重新加载google地图,javascript,angularjs,google-maps,google-maps-api-3,angularjs-ng-route,Javascript,Angularjs,Google Maps,Google Maps Api 3,Angularjs Ng Route,我有一个谷歌地图作为我网站的背景。在单独的管线上使用,以向各种管线中显示的数据添加视觉特征。我想确保这不会被重新加载在每一个路线的变化,这会导致一个闪光的白色,这是非常恼人的,而不是视觉愉悦 我想我可以通过将它移出我的ng视图来实现这一点,因为外部的一切都应该是静态的(所以我想) 目前,在与视图相对应的每个控制器中都会调用它(否则在路由更改后将不会加载它) 如何在更改路线后立即停止重新加载或删除?将initMap()从角度视图控制器移动到站点的初始化点。当在每个控制器中调用initMap函数时,
如何在更改路线后立即停止重新加载或删除?将
initMap()
从角度视图控制器移动到站点的初始化点。当在每个控制器中调用initMap函数时,它将每次重新加载。如果你不想重新加载,那么在初始化应用程序时调用它,并仅根据控制器更改中心坐标。谢谢,这很有效。我现在觉得自己很愚蠢。
<div id="map"></div>
<div ng-view class="main-container"></div>
function initMap() {
var mapOptions = {
zoom: 5,
center: new google.maps.LatLng(50, 10),
mapTypeIds: "ROADMAP",
mapTypeControl: false,
styles: [/*map styles*/]
};
var mapElement = document.getElementById('map');
map = new google.maps.Map(mapElement, mapOptions);
var infoWindow = new google.maps.InfoWindow();
}