vue关于导入iframe的问题

Question

下图为iframe，想要一个百度地图的API，百度API，但是不知道怎么用，我用的vue，这该怎么用？

<template>
    <div class="map_wrap">
        <iframe src=""></iframe>
    </div>
</template>

求大神指教

Answer 1

map.js

export function MP(ak) {  
  return new Promise(function (resolve, reject) {  
    window.onload = function () {  
      resolve(BMap)  
    }  
    var script = document.createElement("script");  
    script.type = "text/javascript";  
    script.src = "http://api.map.baidu.com/api?v=2.0&ak="+ak+"&callback=init";  
    script.onerror = reject;  
    document.head.appendChild(script);  
  })  
}  

import {MP} from 'map.js'

mounted(){  
    this.$nextTick(function(){  
        var _this = this;  
        MP(_this.ak).then(BMap => {  //ak就是你的密钥
        //在此调用api  
    })

Answer 2

百度地图JavaScript API