React Leaflet Collision

Question

我使用的地图没有任何城镇标签。我正在放置标签，我需要这些标签在放大/缩小时出现并消失。缩小时缩小显示所有城镇时，只有大城镇出现。现有反应传单中是否有这种功能？ 还我试图让插件Leaflet.LayerGroup.Collision， 我试图从反应小叶

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}); 
    } 
} 

覆盖图层组，但我得到错误

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

任何帮助，如何实现这个或任何替代理念？

Answer 1

图层组应与资本L，图层组

import { LayerGroup } from 'leaflet'; 

或另一种尝试：

import L from 'leaflet'; 

然后

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