地图绘制

点、线、面绘制

依赖插件 @geoman-io/leaflet-geoman-free，默认已安装

<template>
    <div style="height: 400px;" class="vp-raw">
        <LeafLet :options="{ center: [34.25958194852398, 108.94701969612933], zoom: 16 }">
            <LTileLayer :url="mapServices.GaoDe.Normal.Map" :options="{ maxZoom: 18, minZoom: 2 }">
            </LTileLayer>
            <LGeomanFree :toolbar-options="{ position: 'topright', rotateMode: false, editMode: false }"
                :path-options="{ color: 'orange' }"></LGeomanFree>
        </LeafLet>
    </div>
</template>
<script setup lang="ts">
import { LeafLet, LTileLayer, mapServices, LGeomanFree } from "@howuse/leaflet"
</script>

Api

toolbar-options

https://www.geoman.io/docs/toolbar