[英]Google map not rendering second time
我正在使用控制器在我的应用程序中显示谷歌地图。 当我第一次加载页面时,地图渲染正确。 但是当我第二次尝试时,地图没有加载。 它显示灰色区域。 我尝试了不同的解决方案,例如触发调整大小事件。 但没有运气。
这是我在控制器中的 initializeMap()
$scope.initializeMap = function() {
var mapOptions = {
zoom : 4,
center : new google.maps.LatLng($scope.latitude,
$scope.longitude),
mapTypeId : google.maps.MapTypeId.ROADMAP
}
var mapsss = document.getElementById('map');
$scope.map = new google.maps.Map(mapsss, mapOptions);
$scope.markers = [];
var infoWindow = new google.maps.InfoWindow();
var createMarker = function(info) {
var marker = new google.maps.Marker({
map : $scope.map,
position : new google.maps.LatLng(
info.latitude, info.longitude),
title : info.name,
icon : info.icon
});
marker.content = '';
google.maps.event.addListener(marker, 'click',
function() {
infoWindow.setContent('<h2>'
+ marker.title + '</h2>');
infoWindow.open($scope.map, marker);
});
$scope.markers.push(marker);
}
for (i = 0; i < $scope.locations.length; i++) {
createMarker($scope.locations[i]);
}
$scope.openInfoWindow = function(e, selectedMarker) {
e.preventDefault();
google.maps.event.trigger(selectedMarker, 'click');
}
google.maps.event.trigger($scope.map, 'resize');
var myLatlng = new google.maps.LatLng(34.310774,
66.225586);
$scope.map.setCenter(myLatlng);
}
});
我不确定是什么问题。 任何帮助将非常感激。
最后,我自己找到了解决方案:) 这似乎是一个问题或行为,或者是地图 api 的任何问题,如果隐藏 div,它无法正确呈现地图。 所以我删除了我在 div 中的 ng-show 并且它起作用了!! 地图渲染正确。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.