如何在单独的控制框中创建位于传单地图上的自定义按钮,以创建“折线”、“多边形”或“标记”,这些按钮都将位于单独的按钮上,而不使用传单绘制的 标准 UI 工具栏。我真的很想知道如何以“React”方式与 Vanilla Javascript编写它,因为我的整个程序都是用 React 编写的。如果有人可以将一个简单的程序放在一起,展示如何使用单独的按钮在 React 中绘制“折线、多边形”等,那将不胜感激。
这是我的一些代码的片段。谢谢
<Map
zoomControl={false}
center={position}
zoom={this.state.zoom}
className={classes.height}
ref={m => {
this.leafletMap = m;
}}>
{/* LAYER CONTROL ON TOP OF MAP*/}
<LayersControl position="topright">
<BaseLayer checked name="OpenStreetMap.Mapnik">
<TileLayer
attribution='&copy <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
/>
</BaseLayer>
<BaseLayer name="OpenStreetMap.BlackAndWhite">
<TileLayer
attribution='&copy <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
url="https://tiles.wmflabs.org/bw-mapnik/{z}/{x}/{y}.png"
/>
</BaseLayer>
</LayersControl>
**CALLS OTHER COMPONENT WHICH RENDERS FEATUREGROUP, EDITCONTROL**
**<Mapediting save={this.setSave} myIcon={myIcon} />**
<ZoomControl position="topright" />
<TileLayer
attribution='&copy <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
/>
{/* …Run Code Online (Sandbox Code Playgroud) leaflet reactjs react-leaflet react-leaflet-draw leaflet-draw
// swift-tools-version:5.5
import PackageDescription
let package = Package(
name: "PKG",
platforms: [.iOS(.v15)],
products: [
.library(name: "Lib1", targets: ["Lib1"]),
.library(name: "Lib2", targets: ["Lib2"]),
.library(name: "Lib3", targets: ["Lib3"]),
],
dependencies: [
],
targets: [
.target(name: "Lib1", dependencies: []),
.target(name: "Lib2", dependencies: []),
.target(name: "Lib3", dependencies: []),
]
)
Run Code Online (Sandbox Code Playgroud)
我正在创建一个包含多个产品的包,我将其上传到github以在我的项目中的SPM中使用它,
它让我选择要添加到我的项目中的库,这就是我想要的,但无论我选择什么,它都会将所有库及其文件带到我的项目中,这是它的工作原理吗?或者我可以让它只下载选定的库及其依赖项吗?
谢谢