angularjs - Angular 谷歌地图 : could not find a valid center property?

Question

我正在尝试让 angular-google-maps 正常工作。我已按照说明进行了所有设置，但我似乎无法解决此错误:

angular-google-maps:找不到有效的中心属性

我的页面 Controller 中有这个:

angular.extend($scope, {
   center: {
    latitude: 0, // initial map center latitude
    longitude: 0, // initial map center longitude
   },
   markers: [], // an array of markers,
   zoom: 8, // the zoom level
});

这在我的 html 中

<google-map center="center" zoom="zoom" markers="markers" refresh="!isMapElementHidden" style="height: 400px"></google-map>

几点: - 似乎 angular-google-maps 指令代码是在我的 Controller 代码之前调用的，因此 $scope.center 变量尚未创建

• 当我对一个中心进行硬编码时，它就可以工作了

• 我尝试了这个，但没有任何运气，因为 map 永远不会更新到 Controller 中设置的新应对值:

  center="中心？中心:{纬度:36.990282103105066，经度:-122.06149578094482}"

• 我也尝试过实现 Angular Leaflet map 并遇到完全相同的问题

谢谢!

Answer 1

WORKING DEMO

您没有通过中心属性(property)，而且我建议您使用 r1-dev分支指令而不是 master angular-google-maps 的分支指令，像这样传递参数

 angular.extend($scope, {
        centerProperty: {
            lat: 45,
            lng: -73
        },
        zoomProperty: 8,
        markersProperty: [ {
                latitude: 45,
                longitude: -74
            }],
        clickedLatitudeProperty: null,  
        clickedLongitudeProperty: null,
    });

或者您也可以使用

position: {
  coords: {
    latitude: 36.990282103105066,
    longitude: -122.06149578094482
  }
},