I have installed openlayers
Code: Select all
npm install vue3-openlayers
Code: Select all
import OpenLayersMap from 'vue3-openlayers'
import 'vue3-openlayers/dist/vue3-openlayers.css'
...
app.use(OpenLayersMap)
Code: Select all
<template>
<ol-map :loadTilesWhileAnimating="true" :loadTilesWhileInteracting="true" style="height:400px">
<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>
import {defineComponent,ref} from "vue";
export default defineComponent({
setup() {
const center = ref([40, 40])
const projection = ref('EPSG:4326')
const zoom = ref(8)
const rotation = ref(0)
return {
center,
projection,
zoom,
rotation
}
},
})
</script>
Code: Select all
npm run serve
TypeError: Object(...) is not a function
at Proxy.Mapvue_type_template_id_39e43851_lang_true_render (vue3-openlayers.common.js?2993:12709:1)...
I'm new to vue, I've been trying to figure it out for a few days and couldn't fix it. Any help would be greatly appreciated.