| | |
| | | |
| | | export function useGMapManage () { |
| | | const state = reactive({ |
| | | mapEntity: null, |
| | | mapObj: null, |
| | | aMap: null, // Map类 |
| | | map: null, // 地图对象 |
| | | mouseTool: null, |
| | | }) |
| | | |
| | | async function initMap (container: string, app:App) { |
| | | AMapLoader.load({ |
| | | ...AMapConfig |
| | | }).then((AMap) => { |
| | | state.mapObj = AMap |
| | | state.mapEntity = new AMap.Map(container, { |
| | | state.aMap = AMap |
| | | state.map = new AMap.Map(container, { |
| | | center: [113.935913, 22.525335], |
| | | zoom: 15 |
| | | }) |
| | | state.mouseTool = new AMap.MouseTool(state.mapEntity) |
| | | app.config.globalProperties.$aMap = state.mapEntity |
| | | app.config.globalProperties.$aMapObj = state.mapObj |
| | | state.mouseTool = new AMap.MouseTool(state.map) |
| | | |
| | | // 挂在到全局 |
| | | app.config.globalProperties.$aMap = state.aMap |
| | | app.config.globalProperties.$map = state.map |
| | | app.config.globalProperties.$mouseTool = state.mouseTool |
| | | }).catch(e => { |
| | | console.log(e) |
| | | }) |
| | | } |
| | | |
| | | function globalPropertiesConfig (app:App) { |
| | | initMap('g-container', app) |
| | | } |
| | | |
| | | return { |
| | | globalPropertiesConfig, |
| | | } |