L'intégration de Google Maps dans vue.js

J'ai essayé d'initialiser une carte Google map sur mon vue.js projet tout en incluant le script :

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

Le problème est que ma .vue fichiers ressembler à ça :

<template>
  ...
</template>

<script>
  ...
</script>

Et je ne peux pas comprendre plus d'une balise script dans ma vue de fichier, je peux afficher la carte en passant par le index.html mais je n'ai pas vraiment envie de mettre js sur le index.html, + je ne peux pas le point le script de callback sur une vue de la méthode.

Avez-vous quelques idées sur la façon de montrer que la carte à l'aide d'un .vue de fichier ? J'ai fait d'utiliser vue2-google-maps, mais j'aimerais utiliser l'original de google map.

J'ai un violon qui est en train de faire quelque chose de ok : https://jsfiddle.net/okubdoqa/ sans l'aide d'un rappel dans la balise script, mais il ne marche pas pour moi ... Merci

OriginalL'auteur Loïc Monard | 2017-06-19