webGIS开发第九章（添加点标记）

实现效果

根据文档实现的效果

相关代码

<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: 'red',
                showIndoorMap: true