32 lines
674 B
Vue
32 lines
674 B
Vue
<template>
|
|
<!-- TO DO need someone to make map fuctional properly -->
|
|
<!--don't know why height auto didn't work so i write 1117px for temporary -->
|
|
<ol-map
|
|
:loadTilesWhileAnimating="true"
|
|
:loadTilesWhileInteracting="true"
|
|
style="height: 1117px;"
|
|
|
|
>
|
|
<ol-view
|
|
ref="view"
|
|
:center="center"
|
|
:rotation="rotation"
|
|
:zoom="zoom"
|
|
:projection="projection"
|
|
/>
|
|
|
|
<ol-tile-layer>
|
|
<ol-source-osm />
|
|
</ol-tile-layer>
|
|
</ol-map>
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
import { ref } from "vue";
|
|
|
|
const center = ref([40, 40]);
|
|
const projection = ref("EPSG:4326");
|
|
const zoom = ref(8);
|
|
const rotation = ref(0);
|
|
</script> |