0

angular-leaflet-directive を使用して複数のマップを作成すると問題が発生します。

リスト City があり、ng-repeat を使用して多くのマップを表示したいと考えています。

これはコードです

<div ng-repeat="(key,city) in listCity" class="panel panel-info col-md-2" style=" height: 25%;">
      <div class="panel-heading">{{city.name}}</div>
      <div class="panel-body" style="width: 100%; height: 100%;">
          <leaflet style="width: 100%; height: 90%;" center="{{city.place_id}}"></leaflet>
      </div>
    </div>

それはエラーを警告しますSyntax Error: Token '{' invalid key at column 2 of the expression [{{city.place_id}}] starting at [{city.place_id}}]。「center」を他の文字列に変更してテストすると、エラーは発生しません。

修正を手伝ってください。

どうもありがとうございます ！！！！！！！

4

1 に答える 1

0

docsの例によると、 a lat、 a 、lngおよび azoomを center プロパティに指定する必要があります。

だから、次のようなことを試してください：

<div ng-repeat="city in listCity" class="panel panel-info col-md-2" style=" height: 25%;">
    <div class="panel-heading">{{city.name}}</div>
    <div class="panel-body" style="width: 100%; height: 100%;">
        <leaflet style="width: 100%; height: 90%;" center="{ lat: city.lat, lng: city.lng, zoom: 10 }"></leaflet>
    </div>
</div>

あなたlistCityは配列だと思います。

于 2015-12-09T09:12:05.000 に答える