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: 

相关推荐

  1. C语言知识总结09-.字符串

    2024-04-11 23:52:06       40 阅读
  2. Flask

    2024-04-11 23:52:06       59 阅读
  3. Map

    2024-04-11 23:52:06       63 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-11 23:52:06       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-11 23:52:06       106 阅读
  3. 在Django里面运行非项目文件

    2024-04-11 23:52:06       87 阅读
  4. Python语言-面向对象

    2024-04-11 23:52:06       96 阅读

热门阅读

  1. 算法刷题记录 Day37

    2024-04-11 23:52:06       34 阅读
  2. 代码随想录训练营16day:二叉树5

    2024-04-11 23:52:06       33 阅读
  3. 21. 面试指导-高频面试题详解

    2024-04-11 23:52:06       34 阅读
  4. Frp多端口映射

    2024-04-11 23:52:06       31 阅读
  5. day04-MQ

    day04-MQ

    2024-04-11 23:52:06      28 阅读
  6. 二叉树链式存储详解

    2024-04-11 23:52:06       39 阅读
  7. c++手机通讯录管理系统280

    2024-04-11 23:52:06       39 阅读
  8. [树莓派]树莓派Raspbian系统安装tesseract-ocr实现OCR

    2024-04-11 23:52:06       37 阅读
  9. 基于STM32四轴飞行器方案设计 1

    2024-04-11 23:52:06       40 阅读