ng-map中心未按预期工作

Question

我使用的ng-map指令如下：

​

var center1 = $scope.latitude;
var center2 = $scope.longitude;
console.log(typeof center1);
$scope.map_center = [center1, center2];

<div>
  <map ng-transclude class="google-map" center="map_center" options="map.options">
    <points coords="points.coords" options="points.options" events="points.events" decimals="points.decimals"></points>
  </map>
</div>

​

这会将地图视图渲染为空白。然而，在对中心进行硬编码时，它工作得很好。我搞不懂到底是什么问题。

Answer 1

如果问题是地图没有被渲染(空白页面)，你可能会把它放到一个维度为0的容器中，并且你必须在css中重新标注维度。这是一个常见的问题，当你使用谷歌地图的angularjs，也许这里的问题是相同的。

Answer 2

你的JS是这样的，不需要使用var作用域就足够了。如果你想，你可以使用，但它需要更多的代码行，这是…

$scope.map_center=[$scope.latitude,$scope.longitude];  

并且应该在{{}}中使用map_center，因为angular中的一些函数将在括号中工作。

因此您的HTML应该是，

center="{{map_center}}" 

这肯定行得通..