
File name
Commit message
Commit date
File name
Commit message
Commit date
2022-11-06
File name
Commit message
Commit date
<template>
<div id="map">
<l-map :zoom="15" :center="mapCenter">
<l-tile-layer :url="tileLayerUrl" :attribution="attribution"></l-tile-layer>
</l-map>
</div>
</template>
<script>
import { LMap, LTileLayer } from 'vue3-leaflet';
// 영천시 json - 기존
// import am5geodata_yeongcheon from "./map";
export default {
components: {
LMap,
LTileLayer,
},
data() {
return {
mapCenter: [ 35.87172388583504, 128.55915532852885], // Initial center coordinates
tileLayerUrl: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', // Tile layer URL
attribution: '© OpenStreetMap contributors', // Attribution text
};
},
}
</script>
<style>
.layerlist_title{
background: #42547f;
color: #fff;
padding: 10px;
font-size: 14px;
}
#map{min-height: 866px !important;}
</style>