vue2-google-maps 如何使用 Embed API“放置模式”

Question

我在vue2-google-maps 中使用谷歌地图 javascript api。 我的项目运行良好，唯一的问题是我超出了我的请求配额。

如此处所述https://developers.google.com/maps/documentation/embed/guide#basic_map_modes我可以使用“放置模式”或“查看模式”来获得无限使用。 这些模式非常适合我的需要。

有人知道如何在我的 vuejs2 项目中设置它们吗？

Answer 1

看起来 vue2-google-maps 不支持 Embed API 位置模式集成，但是使用此 API 所需要做的就是在 iframe 中调用它。

使用您自己的 API 密钥尝试这个简单的 jsfiddle： https ://jsfiddle.net/98ebrhoy/

<div id="app">
  <map></map>
</div>

Vue.component('map', {
  template: '<h1>Map</h1><iframe width="600" height="450" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?key=&q=Space+Needle,Seattle+WA"></iframe>'
});

var vm = new Vue({
  el: '#app'
});

希望这可以帮助。