vue脚手架如何引入百度地图api的东西?

这是异步加载的方式引入百度地图api


  methods: {

    loadScript() {

      var script = document.createElement("script")

      script.type = "text/javascript"

      script.src = "https://api.map.baidu.com/api?v=1.0&type=webgl&ak=sIxGGkFMxbPqTVDGBFW9NuHduZUeyniW";

      document.body.appendChild(script)

      script.onload = () => {

        this.init();

      }

    },

    init() {

      console.log('BMap-4')

      console.log(window.BMapGL)

      console.log(this.$refs.allmap)

      let BMapGL = window.BMapGL

      let map = new BMapGL.Map(this.$refs.allmap)

      var point = new BMapGL.Point(116.404, 39.915);

      map.centerAndZoom(point, 15)

    }

  },

  created() {

  },

  mounted() {

    this.$nextTick(() => {

      this.loadScript()

    }

    )

  }

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容