高德地图API之问题汇总

标签：无分类：未分类创建时间：2023-12-01 14:53:12 更新时间：2025-01-17 10:39:24

1.TypeScript引入

(1) eslintrc.js里面加上

globals: {
    AMap: true,
    AMapUI:true
}

(2) 安装 @amap/amap-jsapi-types

1	pnpm add @amap/amap-jsapi-types

(3) 引入类型文件

1 2	import AMapLoader from '@amap/amap-jsapi-loader' import '@amap/amap-jsapi-types'

（4）声明全局变量
如果要把地图 new AMap.Map 挂载到全局变量上，需要在 .d.ts 文件中进行声明。

/**
 * 声明全局变量
 */
interface Window {
  mainmap: AMap.Map;
}

参考文章:
1.vue集成高德地图报‘AMap‘ is not defined no-undef或者‘AMapUI‘ is not defined no-undef
2.ts 找不到名称
3.高德地图 JSApi 转换为 TypeScript
4.@amap/amap-jsapi-types
5.vue + typescript 检测高德地图AMap 类型引入 @amap/amap-jsapi-types 插件;vue3 使用高德地图（@vuemap/vue-amap）实用案例

2.INVALID_USER_SCODE

高德地图自2021年12月02日升级，升级之后所申请的 key 必须配备安全密钥 jscode 一起使用。

<script type="text/javascript">
  window._AMapSecurityConfig = {
      securityJsCode:'你的密钥',
  }
</script>

参考文章:
【1】.高德地图jsapi不生效 INVALID_USER_SCODE

往期推荐

文章目录

1. 1.TypeScript引入

2.INVALID_USER_SCODE

微信公众号

广告位

诚心邀请广大金主爸爸洽谈合作

每日一省

isNaN 和 Number.isNaN 函数的区别？

1.函数 isNaN 接收参数后，会尝试将这个参数转换为数值，任何不能被转换为数值的的值都会返回 true，因此非数字值传入也会返回 true ，会影响 NaN 的判断。

2.函数 Number.isNaN 会首先判断传入参数是否为数字，如果是数字再继续判断是否为 NaN ，不会进行数据类型的转换，这种方法对于 NaN 的判断更为准确。

每日二省

为什么0.1+0.2 ! == 0.3，如何让其相等?

一个直接的解决方法就是设置一个误差范围，通常称为“机器精度”。对JavaScript来说，这个值通常为2-52，在ES6中，提供了Number.EPSILON属性，而它的值就是2-52，只要判断0.1+0.2-0.3是否小于Number.EPSILON，如果小于，就可以判断为0.1+0.2 ===0.3。

每日三省

== 操作符的强制类型转换规则？

1.首先会判断两者类型是否**相同，**相同的话就比较两者的大小。

2.类型不相同的话，就会进行类型转换。

3.会先判断是否在对比 null 和 undefined，是的话就会返回 true。

4.判断两者类型是否为 string 和 number，是的话就会将字符串转换为 number。

5.判断其中一方是否为 boolean，是的话就会把 boolean 转为 number 再进行判断。

6.判断其中一方是否为 object 且另一方为 string、number 或者 symbol，是的话就会把 object 转为原始类型再进行判断。

每日英语

Happiness is time precipitation, smile is the lonely sad.

幸福是年华的沉淀，微笑是寂寞的悲伤。