93 lines
1.9 KiB
Vue
93 lines
1.9 KiB
Vue
<script>
|
|
import Layout from "../../../layouts/main";
|
|
import PageHeader from "../../../components/page-header";
|
|
|
|
import Basic from "./basic";
|
|
import Boundary from "./boundary";
|
|
import Icons from "./icons";
|
|
import Geometry from "./geometry";
|
|
import Markers from "./markers";
|
|
|
|
/**
|
|
* Leaflet-map component
|
|
*/
|
|
export default {
|
|
components: {
|
|
Layout,
|
|
PageHeader,
|
|
Boundary,
|
|
Icons,
|
|
Basic,
|
|
Geometry,
|
|
Markers
|
|
},
|
|
data() {
|
|
return {
|
|
title: "Leaflet map",
|
|
items: [
|
|
{
|
|
text: "Maps",
|
|
href: "/"
|
|
},
|
|
{
|
|
text: "Leaflet map",
|
|
active: true
|
|
}
|
|
]
|
|
};
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<Layout>
|
|
<PageHeader :title="title" :items="items" />
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h4 class="card-title mb-4">Example</h4>
|
|
<Basic />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h4 class="card-title mb-4">Fixed Bounds</h4>
|
|
<Boundary />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h4 class="card-title mb-4">Custom Icon Example</h4>
|
|
<Icons />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h4 class="card-title mb-4">Geometry Example</h4>
|
|
<Geometry />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h4 class="card-title mb-4">Draggable marker</h4>
|
|
<Markers />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</Layout>
|
|
</template>
|