2016-04-27 13 views
0

は私が例、私は常に文のこのタイプを参照してくださいリーフレットについてインターネット/ドキュメント上で見て:Javascript - Angularjs - チラシ。翻訳どこ

var map = L.mapbox.map('map', { zoomControl:false }); 

それが何を意味するのでしょうか?

どのようにAngularjsに統合できますか?

P.S. :HTML-リーフレットタグ

<div id="map"> 
<leaflet class="leafletmap" markers="markers" lf-center="center" 
height="300px" width="785px"></leaflet> 
</div> 

答えて

1

L.mapboxはMapboxして、カスタムリーフレットの実装はMapbox.jsと呼ばれるから来ています。 angle-leaflet-directiveは標準リーフレットライブラリを使用し、ディレクティブオプション、マーカーなどは別の方法で定義されています。

あなたはちょうどこのどこかに入れて、余分なマップ<div>を必要としない仕事をするアンギュラリーフレットディレクティブの場合:あなたはディレクティブにdefaults="myDefaults"を追加マップにzoomControlを追加するには

<leaflet id="map" class="leafletmap" defaults="myDefaults" markers="markers" lf-center="center" height="300px" width="785px"></leaflet> 

、およびお使いのコントローラにリーフレットのデフォルトオプションを指定します。https://plnkr.co/edit/rZbuHmAwA7q7WtBAZg4W

angular.extend($scope, { 
    defaults: { 
     scrollWheelZoom: false 
    } 
} 

現在地の例を見ることができます210

さらに詳しい例はangular-leaflet-directive documentationにあります。