#leptos #leaflet #component #map #draw #kapta

leptos_kapta

Kapta ~ 受leaflet启发。使用wasm绘制地图

3个版本

0.0.4 2023年11月7日
0.0.3 2023年10月27日
0.0.2 2023年10月26日

#1251 in WebAssembly

MIT许可证

48KB
1K SLoC

Kapta

受leaflet启发

示例和用法

集成leptos

Cargo.toml

kapta = {version = "0.0.2"}
leptos_kapta = {version = "0.0.2"}
leptos = {version = "0.5"}

main.rs

use leptos::*;
use leptos_kapta::{Kapta, KaptaCoord};

fn main() {    
    mount_to_body(|| leptos::view! { <App/> })
}

#[component]
pub fn App() -> impl IntoView {
    let center: KaptaCoord = KaptaCoord::new(106.645, 10.788);
    view! {
        <div class="mx-auto">
            <h1 class="text-center m-8 text-2xl ">Example with leptos</h1>
            <div class="flex justify-center">
                <Kapta zoom=3 width=900 height=700 center=center/>
            </div>
        </div>
    }
}

结果

Leptos Example

当前库处于开发阶段

依赖项

~23–37MB
~596K SLoC