基于Vue的JavaScript API GL 腾讯地图 组件

需求是在网页上撸个地图，npm上的qqmap莫名其妙的白图，然后我就懵逼了，然后去看了一眼；
产品通知

1. 街景API 将在 2020-04-22 停止新用户接入，文档同步下线，已接入用户不受影响。
   （涉及命名空间：qq.maps.Panorama）
2. 服务类API 将在 2020-04-22 停止新用户接入，文档同步下线，已接入用户不受影响，新用户请使用功能更为丰富的 WebServiceAPI
   （涉及命名空间：qq.maps.SearchService，qq.maps.TransferService，qq.maps.LineService，qq.maps.StationService，qq.maps.DrivingService，qq.maps.Geocoder，qq.maps.CityService）
3. Web3D地图 JavaScript API GL正式版发布，体验炫酷、功能完备，优先推荐使用。

重点：搜索的密钥需要自己去注册

<template>
  <div class="tmap">
    <div class="btn">
      <button @click="getMapCenter">获取中心</button>
      <button @click="change2D">2D视图</button>
      <button @click="change3D">3D视图</button>
      <div>
        <input type="text" placeholder="请输入地名" v-model="keywords" />
        <button @click="searchEvent">搜索</button>
      </div>
    </div>
    <div class="map" id="container" ref="tmap" style="width:100%;height:400px"></div>
  </div>
</template>

<script>
import jsonp from "jsonp";
export default {
   
  name: "TMap",
  data() {
   
    return {
   
      map: {
   },
      center: {
   },
      TMap: {
   },
      marker: {
   },
      keywords: ""
    };
  },
  props: {
   
    tMapKey: {
   
      default: "OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77",
      type: String
    }
  },
  mounted() {
   
    this<