使用demo提示T.LngLat is not a constructor

[CY-Christin]

vue是2.0，全局引用还是按需引用都提示这个问题。center和zoom设置后地图也无法加载

[SoulLyoko]

vue是2.0，全局引用还是按需引用都提示这个问题。center和zoom设置后地图也无法加载

你是使用vue-tianditu v1还是v2？

[CY-Christin]

vue是2.0，全局引用还是按需引用都提示这个问题。center和zoom设置后地图也无法加载

你是使用vue-tianditu v1还是v2？

使用的v1 "vue-tianditu": "^1.2.11",

[SoulLyoko]

vue是2.0，全局引用还是按需引用都提示这个问题。center和zoom设置后地图也无法加载

能提供复现的代码吗？

[CY-Christin]

<template>
<div class="mapDiv">
  <tdt-map :center="center" :zoom="zoom"></tdt-map>
</div>
</template>

<script>
export default {
  name: "tianditu",
  data() {
    return {
      center: [116.40969,39.89945],
      zoom: 11
    }
  },
}
</script>

<style scoped>
.mapDiv{
  width: 100%;
  height: 100%;
}
</style>

[SoulLyoko]

<template>
<div class="mapDiv">
  <tdt-map :center="center" :zoom="zoom"></tdt-map>
</div>
</template>

<script>
export default {
  name: "tianditu",
  data() {
    return {
      center: [116.40969,39.89945],
      zoom: 11
    }
  },
}
</script>

<style scoped>
.mapDiv{
  width: 100%;
  height: 100%;
}
</style>

请问是否有使用自己的注册的token引入组件： Vue.use(VueTianditu, { v: "4.0", tk: "在这里填你在天地图官网注册的token" });

[CY-Christin]

<template>
<div class="mapDiv">
  <tdt-map :center="center" :zoom="zoom"></tdt-map>
</div>
</template>

<script>
export default {
  name: "tianditu",
  data() {
    return {
      center: [116.40969,39.89945],
      zoom: 11
    }
  },
}
</script>

<style scoped>
.mapDiv{
  width: 100%;
  height: 100%;
}
</style>

请问是否有使用自己的注册的token引入组件： Vue.use(VueTianditu, { v: "4.0", tk: "在这里填你在天地图官网注册的token" });

有的 在main.js中注册了

import VueTianditu from "vue-tianditu";

Vue.use(VueTianditu,{
  v:'3.0',
  tk:''
})

[SoulLyoko]

import VueTianditu from "vue-tianditu";

Vue.use(VueTianditu,{
  v:'3.0',//只支持天地图4.0
  tk:''
})

[CY-Christin]

改为4.0后可以使用了，非常感谢帮助！