import './assets/main.css'

import { createApp } from 'vue'
import { createPinia } from 'pinia'

import App from './App.vue'
import router from './router'
import SlMap, {createProjection, createLayer, web3857ToWgs84, wgs84Toweb3857, getDeviceByExtent, createPointCluster, clearClusterFeatures, openContextMenu,loadClusterFeatures, addSvg, arrrodMapExtentFindPixelExtent_And_RealDistance, pointToScreenDistance, militaryMark, accrodPixelWidthFindCoord_accDistance, clearSpatial, insertfun, removeLayersExceptMap, clearInterModifyAndSelect, addHugePoints } from './componentsMap/index.js'

const app = createApp(App)

app.use(createPinia())
app.use(SlMap)
app.use(router)
app.config.globalProperties.createProjection = createProjection
app.config.globalProperties.createLayer = createLayer
app.config.globalProperties.web3857ToWgs84 = web3857ToWgs84
app.config.globalProperties.wgs84Toweb3857 = wgs84Toweb3857
app.config.globalProperties.getDeviceByExtent = getDeviceByExtent
app.config.globalProperties.createPointCluster = createPointCluster
app.config.globalProperties.clearClusterFeatures = clearClusterFeatures
app.config.globalProperties.openContextMenu = openContextMenu
app.config.globalProperties.loadClusterFeatures = loadClusterFeatures
app.config.globalProperties.addSvg = addSvg
app.config.globalProperties.arrrodMapExtentFindPixelExtent_And_RealDistance = arrrodMapExtentFindPixelExtent_And_RealDistance
app.config.globalProperties.pointToScreenDistance = pointToScreenDistance
app.config.globalProperties.militaryMark = militaryMark
app.config.globalProperties.accrodPixelWidthFindCoord_accDistance = accrodPixelWidthFindCoord_accDistance
app.config.globalProperties.clearSpatial = clearSpatial
app.config.globalProperties.insertfun = insertfun
app.config.globalProperties.removeLayersExceptMap = removeLayersExceptMap
app.config.globalProperties.clearInterModifyAndSelect = clearInterModifyAndSelect
app.config.globalProperties.addHugePoints = addHugePoints
app.mount('#app')