javascript - 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}}" 

这肯定会工作..