在vue.js中集成Google Maps

JavaScript

番长十三小宇宙

2020-03-13

我一直在尝试尝试在vue.js项目中初始化Google地图,同时添加以下脚本:

<script src="https://maps.googleapis.com/maps/api/js?key="MY_API_KEY"&callback=initMap" async defer></script>

问题是我的.vue文件看起来像这样:

<template>
  ...
</template>

<script>
  ...
</script>

而且我不能在vue文件中包含多个脚本标签,我可以在通过index.html的同时显示地图,但是我真的不想在index.html上放置js,+我无法指向脚本在vue方法上回调。

你们对如何使用.vue文件显示地图有一些想法吗?我确实使用过vue2-google-maps,但我想使用原始的google map。

我有一个小提琴,它做的很好:https : //jsfiddle.net/okubdoqa/在脚本标签中不使用回调,但是对我来说不起作用...谢谢

第1397篇《在vue.js中集成Google Maps》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

0个回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android