angularjs - Angular 谷歌地图 - ng-repeat

Question

我正在尝试使用 Angular Google map ( http://angular-ui.github.io/angular-google-maps/ )循环加载多个 map (ng-repeat)，但出现以下错误:

angular-google-maps: could not find a valid center property

下面是代码，storeOwners 是从一个 REST API 中获取的，store.center 是一个返回的对象，如下所示:

center: "{"latitude":-33.87787,"longitude":18.49352}"

为这种格式道歉:(

<div class="media" ng-repeat="store in storeOwner.stores">
    <div class="media-left media-middle">
      <ui-gmap-google-map class="media-object" center='store.center' zoom='17'></ui-gmap-google-map>
    </div>
 </div>

Answer 1

center 属性必须是有效的 JSON，例如:

store.center = {
    "latitude" : -33.87787,
    "longitude" : 18.49352
}

不知道你的 center: "{"latitude":-33.87787,"longitude":18.49352}"是一个错字(“在开头和结尾)....