リアクションリーフレットの衝突

Question

私は町のラベルなしで地図を使用しています。私はラベルを貼っている、私はこれらのラベルが表示され、ズームイン/消えて消える必要があります。ズームアウトすると、すべての町が拡大表示され、大きな町だけが表示されます。既存の反応リーフレットにこれがあるのでしょうか？

Uncaught TypeError: (0 , _leaflet.layerGroup)(...).collision is not a function

このまたは任意の代替の実装方法すべてのヘルプエラー はまた、私は私が反応し、リーフレット

import React, { PropTypes } from 'react'; 
import { MapLayer } from 'react-leaflet'; 
import { layerGroup } from 'leaflet'; 
import './leaflet-layergroup-collision'; 

export default class LayerGroupCollision extends MapLayer { 
    static childContextTypes = { 
    layerContainer: PropTypes.shape({ 
     addLayer: PropTypes.func.isRequired, 
     removeLayer: PropTypes.func.isRequired, 
    }) 
    } 

    getChildContext() { 
    return { 
     layerContainer: this.leafletElement, 
    } 
    } 

    createLeafletElement() { 
    return layerGroup(this.getOptions()).collision({margin:5}); 
    } 
} 

から画層グループを上書きしようとした 、Leaflet.LayerGroup.Collisionのためのプラグインを作るしようとしています。しかし、私は取得していますアイディア？

Answer 1

画層グループは、資本L、画層グループ

import { LayerGroup } from 'leaflet'; 

または代替試してみると次のようになります。

import L from 'leaflet'; 

、その後

L.LayerGroup(this.getOptions()).collision({margin:5});