ng-map中心未按预期工作

时间:2016-04-08 06:22:56

标签: javascript html angularjs ng-map

我正在使用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>

这会将地图视图呈现为空白。然而,在硬编码中心它工作正常。我很困惑这是什么问题。

1 个答案:

答案 0 :(得分:0)

你的JS就是这样,不需要使用var范围就足够了。如果你想要你可以使用,但它需要更多的代码行...

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

并且应该在{{}}内使用map_center,因为angular中的某些函数可以在paranthesis中使用..

所以你的HTML应该是,

center="{{map_center}}" 

这肯定会有效。