实现效果
根据文档实现的效果
相关代码
<template>
<div id="container"></div>
</template>
<script lang="ts" setup>
import {
onMounted, onUnmounted, ref } from "vue";
import AMapLoader from "@amap/amap-jsapi-loader";
let map: any = null
let traffic: any = null
let radio = ref(1)
let toolbar: any = null
let Scale: any = null
let ControlBar: any = null
onMounted(() => {
AMapLoader.load({
key: "", //本人的k值
version: "2.0",
plugins: [],
})
.then((AMap) => {
map = new AMap.Map("container", {
// 设置地图容器id
viewMode: "3D", // 是否为3D地图模式
zoom: 11, // 初始化地图级别
center: [116.397428, 39.90923], // 初始化地图中心点位置
// pitch: 45,
terrain: true,
skyColor: