Angular google 地图 - 重复

Question

我正在尝试使用 Angular Google 地图 (http://angular-ui.github.io/angular-google-maps/) 循环加载多个地图 (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

中心属性必须是有效的 JSON 因此，例如：

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

不知道你的center: "{"latitude":-33.87787,"longitude":18.49352}"是不是打错了（"开头和结尾）....

Angular google 地图 - 重复

Angular google maps - ng-repeat

angularjs

rest

angular-google-maps