首页 > 其他分享 >vue3 + typescript 检测高德地图类型

vue3 + typescript 检测高德地图类型

时间:2024-04-09 18:01:31浏览次数:29  
标签:typescript jsapi ts amap vue3 类型 高德 types

在ts项目中使用高德地图,为了方便使用类型检测及类型提示,需引入高德地图的类型文件,操作如下:
1、引入 @amap/amap-jsapi-types 插件

npm i -S @amap/amap-jsapi-types

2、新建类型文件types/index.d.ts

import '@amap/amap-jsapi-types';

3、在tsconfig.json中配置:

"include": [
  "types/*.d.ts",
  "types/**/*.d.ts",
  ...
],

"include": [
  "types",
  ...
],

2、3也可以修改为直接在main.ts中引入

import '@amap/amap-jsapi-types';

即可直接在项目中使用

let map: AMap.Map;

标签:typescript,jsapi,ts,amap,vue3,类型,高德,types
From: https://www.cnblogs.com/wttt123/p/18124273

相关文章

  • Vue3 给组件设置name
    在Vue3的<scriptsetup>模式下,往往会忽略name;但是在keep-alive等情况下又需要用到!方法1:<scriptlang="ts">exportdefault{name:"my-component"}</script><scriptlang="ts"setup>/*业务代码*/</script>方法......
  • 13. TypeScript中的联合类型和交叉类型
    在TypeScript中,类型系统提供了多种方式来组合类型,其中最常见的就是联合类型和交叉类型。这两种类型都允许你以灵活的方式处理可能有多种类型的值。一、联合类型1.1定义在TypeScript中,联合类型是一种复合类型,表示一个值可以是几种类型之一。我们使用|符号来定义联合类型......
  • 14. TypeScript类型保护(类型缩小、类型守卫)
    类型保护是一种TypeScript技术,用于获取变量类型信息,通常使用在条件块语句中。类型守卫是返回布尔值的常规函数,接受一个类型并告诉TypeScript是否可以缩小到更具体的类型。TypeScript类型保护的方式类型断言类型断言是一种告诉编译器“相信我,我知道我在做什么”的方式。......
  • vue3 快速入门系列 —— vue3 路由
    vue3快速入门系列-vue3路由在vue3基础上加入路由。vue3需要使用vue-routerV4,相对于v3,大部分的VueRouterAPI都没有变化。Tip:不了解路由的同学可以看一下笔者之前的文章:vue2路由参考:vue2路由官网、vue3路由官网vue-routerV4在VueRouterAPI从v3(Vue2)到v4......
  • 冒泡排序的基本实现【数据结构与算法—TypeScript 实现】
    笔记整理自coderwhy『TypeScript高阶数据结构与算法』课程概念本质:相邻元素两两比较并交换位置,使整个序列按照特定的顺序排列特性复杂度分析时间复杂度:最好情况:O(n)最坏情况:O(n^2)平均情况:O(n^2)空间复杂度:O(1),原地排序使用场景因为时间复杂度为O(n^2)适......
  • 优先队列的基本实现【数据结构与算法—TypeScript 实现】
    笔记整理自coderwhy『TypeScript高阶数据结构与算法』课程特性效率比普通队列高每个出队元素拥有最高优先级可以用数组、链表等数据结构实现,但是堆结构是最常用的实现方式设计实现方式:基于堆结构实现,堆结构底层基于数组实现属性:heap:存放队列元素方法:enq......
  • 插入排序的基本实现【数据结构与算法—TypeScript 实现】
    笔记整理自coderwhy『TypeScript高阶数据结构与算法』课程概念本质:将数列分为已排序和未排序,将未排序中的元素插入到已排序中的合适位置特性复杂度分析时间复杂度:最好情况:O(n),有序序列最坏情况:O(n^2),倒序序列平均情况:O(n^2),随机数列空间复杂度:O(n),原地排序使......
  • 选择排序的基本实现【数据结构与算法—TypeScript 实现】
    笔记整理自coderwhy『TypeScript高阶数据结构与算法』课程概念本质:两两元素相比较,先扫描一遍未排序数列,把未排序的数列中的最小(大)元素,放到数列的已排序的末尾特性选择排序是冒泡排序的优化版本,主要优化了交换的过程在所有完全依靠交换去移动元素的排序方法中,选择排......
  • 02_使用Vite搭建Vue3项目
    首先插件添加:LiveServer、Vue-Official、VueVSCodeSnippets、别名路径跳转官网:Vite|下一代的前端工具链(vitejs.dev)1.创建一个文件夹VueApp,运行cmd转到该目录下,执行命令:npmcreatevite@latest2.然后转到vuedemo目录下命令:cdvuedemo,3.执行命令:npminstall。文件夹......
  • Vue3 · 小白学习全局 API:常规
    全局API:常规本次笔记versionnextTick()defineComponent()defineAsyncComponent()defineCustomElement()1.version暴露当前所使用的Vue版本。类型string示例import{version}from'vue'console.log(version)2.nextTick()等待下一次DOM更新刷新的工具......