Function QuadTileLayer

pub fn QuadTileLayer(props: QuadTileLayerProps) -> impl IntoView

A quad tile layer component that uses quadkey-based URLs. Instead of the standard {z}/{x}/{y} pattern, this component expects URLs with a {q} placeholder for the quadkey.

Example

use leptos::prelude::*;
use leptos_leaflet::prelude::*;

#[component]
pub fn MapWithQuadTiles() -> impl IntoView {
    view! {
        <MapContainer style="height: 400px" center=Position::new(51.505, -0.09) zoom=13.0>
            <QuadTileLayer
                url="https://example.com/tiles/{q}.png"
                attribution="&copy; Example Tile Provider"/>
        </MapContainer>
    }
}

The quadkey format is used by Microsoft Bing Maps and some other tile providers. Each tile is identified by a quadkey string that represents the tile’s location in the quad tree, rather than separate x/y/z coordinates.

Required Props

• url: impl Into<String>

Optional Props

• attribution: impl Into<String>
• bring_to_front: bool
• bring_to_back: bool
• min_zoom: f64
• max_zoom: f64