From 5fa822f4d4b84dd03d8f6d72c89128ae0a411348 Mon Sep 17 00:00:00 2001 From: Soybean <2570172956@qq.com> Date: Sat, 11 Jun 2022 13:37:52 +0800 Subject: [PATCH] =?UTF-8?q?refactor(projects):=20=E4=BB=A3=E7=A0=81?= =?UTF-8?q?=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/plugin/map/components/BaiduMap.vue | 6 +++--- src/views/plugin/map/components/GaodeMap.vue | 8 ++++---- src/views/plugin/map/components/TencentMap.vue | 10 +++++----- 3 files changed, 12 insertions(+), 12 deletions(-) diff --git a/src/views/plugin/map/components/BaiduMap.vue b/src/views/plugin/map/components/BaiduMap.vue index 06fdd5d7..43bca9b3 100644 --- a/src/views/plugin/map/components/BaiduMap.vue +++ b/src/views/plugin/map/components/BaiduMap.vue @@ -11,9 +11,9 @@ const { load } = useScriptTag(BAIDU_MAP_SDK_URL); const domRef = ref(); -async function renderBaiduMap() { - if (!domRef.value) return; +async function renderMap() { await load(true); + if (!domRef.value) return; const map = new BMap.Map(domRef.value); const point = new BMap.Point(114.05834626586915, 22.546789983033168); map.centerAndZoom(point, 15); @@ -21,7 +21,7 @@ async function renderBaiduMap() { } onMounted(() => { - renderBaiduMap(); + renderMap(); }); diff --git a/src/views/plugin/map/components/GaodeMap.vue b/src/views/plugin/map/components/GaodeMap.vue index 79891709..690221dd 100644 --- a/src/views/plugin/map/components/GaodeMap.vue +++ b/src/views/plugin/map/components/GaodeMap.vue @@ -11,19 +11,19 @@ const { load } = useScriptTag(GAODE_MAP_SDK_URL); const domRef = ref(); -async function renderBaiduMap() { - if (!domRef.value) return; +async function renderMap() { await load(true); + if (!domRef.value) return; const map = new AMap.Map(domRef.value, { zoom: 11, center: [114.05834626586915, 22.546789983033168], viewMode: '3D' }); - window.console.log(map); + map.getCenter(); } onMounted(() => { - renderBaiduMap(); + renderMap(); }); diff --git a/src/views/plugin/map/components/TencentMap.vue b/src/views/plugin/map/components/TencentMap.vue index 8333a7f5..9076841d 100644 --- a/src/views/plugin/map/components/TencentMap.vue +++ b/src/views/plugin/map/components/TencentMap.vue @@ -11,19 +11,19 @@ const { load } = useScriptTag(TENCENT_MAP_SDK_URL); const domRef = ref(null); -async function renderBaiduMap() { - if (!domRef.value) return; +async function renderMap() { await load(true); - const map = new TMap.Map(domRef.value, { + if (!domRef.value) return; + // eslint-disable-next-line no-new + new TMap.Map(domRef.value, { center: new TMap.LatLng(39.98412, 116.307484), zoom: 11, viewMode: '3D' }); - window.console.log(map); } onMounted(() => { - renderBaiduMap(); + renderMap(); });