如何移除React-Leaflet地图容器中的+和-缩放按钮?
移除React-Leaflet地图的缩放按钮(+/-)
直接在你的MapContainer组件里添加zoomControl={false}属性,就能移除默认的缩放控件(也就是你截图里的+和-按钮)。
修改后的代码如下:
<MapContainer center={[0.0, 0.0]} zoom={2} attributionControl={false} doubleClickZoom={false} boxZoom={false} zoomSnap={0.2} zoomControl={false}> {/* 新增这一行 */} <TileLayer url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"/> </MapContainer>
这个zoomControl是Leaflet原生提供的配置项,React-Leaflet直接支持通过这个属性关闭默认缩放按钮,不需要额外的CSS或其他操作。
内容的提问来源于stack exchange,提问作者aviatorGator
相关产品推荐
相关产品推荐

