リーフレットの異なるマーカーグループ

Question

私は角とリーフレットを使用しています。例えば、船と橋のような異なるマーカーでマップを作成したいと考えています。すべてのマーカーを削除して設定しなくても、それらを個別に更新したいです。だから私が新しい船を持っている時、船のマーカーを呼んで更新し、橋のマーカーは同じままにしておきたい。私は（私の見解でmarkers-nested: trueを設定した後）、次のエラーを取得するよう、

angular.module('angularMapApp') 
    .controller('MainCtrl', ['$scope', 'RequestService', 'setShipMarkers', '$q', function($scope, RequestService, setShipMarkers, $q) { 

    angular.extend($scope, { 
     hamburg: { 
     lat: 53.551086, 
     lng: 9.993682, 
     zoom: 13 
     }, 
     markers: { 
     ships: { 
      m1: { 
       lat: 42.20133, 
       lng: 2.19110 
      }, 
      m2: { 
       lat: 42.21133, 
       lng: 2.18110 
      } 

     }, 
     bridges: { 
      m3: { 
       lat: 42.19133, 
       lng: 2.18110 
      }, 
      m4: { 
       lat: 42.3, 
       lng: 2.16110 
      } 

     } 
     }, 
     defaults: { 
     tileLayer: 'http://{s}.tile.openstreetmap.de/tiles/osmde/{z}/{x}/{y}.png', 
     zoomControlPosition: 'topright', 
     tileLayerOptions: { 
      opacity: 0.9, 
      detectRetina: true, 
      reuseTiles: true, 
     }, 
     scrollWheelZoom: false 
     } 
    }); 

しかし、これはない作品のことを行います：

あなたが追加する必要があります

は今のところ、私はこのような何かを試してみましたマーカーが この機能を使用する場合は、ディレクティブにレイヤーを追加します。

しかし、同じレイヤーに異なるマーカーグループを呼び出す場合は、なぜレイヤーが必要なのですか。私はちょうどそれらを一度に更新したくない。

誰かが別のマーカーグループを取得する方法と、マーカーグループを更新する方法を教えてもらえますか？

Answer 1

あなたはこのような独自のグループレイヤを作成する必要があり、ネストされたマーカーの種類ごとに、彼らは空にすることができます：

layers: { 
    overlays: { 
     ships: { // use the same name as in the marker object 
      name: "Ships", 
      type: "group", 
      visible: true 
     }, 
     bridges: { // use the same name as in the marker object 
      name: "bridges", 
      type: "group", 
      visible: true 
     } 
    } 
} 

あなたも層にOSMベース層を移動する必要がありますことを行うことによって。ベースレイヤーオブジェクトですが、markers-nested="true"はこのように動作します。

デモ：あなたを更新することによってhttp://plnkr.co/edit/HQx8bQmmsFUGcLxYt95N?p=preview