当前位置：首页 > 资源 > 网页特效 > 正文

Vue.js(x5-gmaps)谷歌地图插件

帝国模板之家 2020-12-27 网页特效 ℃ 评论

本文标签： vue插件地图

描述：

x5-gmaps Vue.js插件可在应用程序上使用自定义标记，信息窗口，弹出窗口和热图创建谷歌地图。

1.导入组件。

import x5GMaps from 'x5-gmaps';

2. 注册组件并插入您自己的Google Maps API密钥。

Vue.use(x5GMaps, 'YOUR_GOOGLE_KEY')
// With libraries
Vue.use(x5GMaps, { key: 'YOUR_GOOGLE_KEY', libraries: ['places'] });

3. 在您的应用中创建基本的Google地图。

<template>
  <gmaps-map>
    <gmaps-marker :position="{ lat: -27, lng: 153 }" />
  </gmaps-map>
</template>

本文永久链接地址：https://www.moyouyouw.cn/code/1076.html

郑重声明：本站所有主题/文章除标明原创外，均来自网络转载，版权归原作者所有，如果有侵犯到您的权益，请联系本站删除，谢谢！我们不承担任何技术及版权问题，且不对任何资源负法律责任。

这世上无忧无虑的人，反而相对寿命会长点。