vue 使用高德地图、腾讯地图 实例化对象报错或地图异常

前言

vue 中使用地图的时候，实例化的对象用 data 或 ref 、reactive 来管理会导致报错。

大概原因是地图对象内部处理与 vue 冲突，目前在高德、腾讯都碰到了，各厂应该都会有类似问题。

所有使用 new TMap.xxx 的实例化对象都不应被 vue 管理（包括高德 AMap 等）

---

报错示例

腾讯地图

腾讯地图报错

高德地图

vue2

let map
data () {
   
  return {
   
    circle: