refactor(projects): 代码优化
This commit is contained in:
parent
8e6e787543
commit
5fa822f4d4
@ -11,9 +11,9 @@ const { load } = useScriptTag(BAIDU_MAP_SDK_URL);
|
|||||||
|
|
||||||
const domRef = ref<HTMLDivElement>();
|
const domRef = ref<HTMLDivElement>();
|
||||||
|
|
||||||
async function renderBaiduMap() {
|
async function renderMap() {
|
||||||
if (!domRef.value) return;
|
|
||||||
await load(true);
|
await load(true);
|
||||||
|
if (!domRef.value) return;
|
||||||
const map = new BMap.Map(domRef.value);
|
const map = new BMap.Map(domRef.value);
|
||||||
const point = new BMap.Point(114.05834626586915, 22.546789983033168);
|
const point = new BMap.Point(114.05834626586915, 22.546789983033168);
|
||||||
map.centerAndZoom(point, 15);
|
map.centerAndZoom(point, 15);
|
||||||
@ -21,7 +21,7 @@ async function renderBaiduMap() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
renderBaiduMap();
|
renderMap();
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
@ -11,19 +11,19 @@ const { load } = useScriptTag(GAODE_MAP_SDK_URL);
|
|||||||
|
|
||||||
const domRef = ref<HTMLDivElement>();
|
const domRef = ref<HTMLDivElement>();
|
||||||
|
|
||||||
async function renderBaiduMap() {
|
async function renderMap() {
|
||||||
if (!domRef.value) return;
|
|
||||||
await load(true);
|
await load(true);
|
||||||
|
if (!domRef.value) return;
|
||||||
const map = new AMap.Map(domRef.value, {
|
const map = new AMap.Map(domRef.value, {
|
||||||
zoom: 11,
|
zoom: 11,
|
||||||
center: [114.05834626586915, 22.546789983033168],
|
center: [114.05834626586915, 22.546789983033168],
|
||||||
viewMode: '3D'
|
viewMode: '3D'
|
||||||
});
|
});
|
||||||
window.console.log(map);
|
map.getCenter();
|
||||||
}
|
}
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
renderBaiduMap();
|
renderMap();
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
@ -11,19 +11,19 @@ const { load } = useScriptTag(TENCENT_MAP_SDK_URL);
|
|||||||
|
|
||||||
const domRef = ref<HTMLDivElement | null>(null);
|
const domRef = ref<HTMLDivElement | null>(null);
|
||||||
|
|
||||||
async function renderBaiduMap() {
|
async function renderMap() {
|
||||||
if (!domRef.value) return;
|
|
||||||
await load(true);
|
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),
|
center: new TMap.LatLng(39.98412, 116.307484),
|
||||||
zoom: 11,
|
zoom: 11,
|
||||||
viewMode: '3D'
|
viewMode: '3D'
|
||||||
});
|
});
|
||||||
window.console.log(map);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
renderBaiduMap();
|
renderMap();
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user