title: Integrating Google Maps in vue.js
body: <p>I've been trying to initialize a Google map on my vue.js project while including the script :</p>
  
  <pre><code>&lt;script src="https://maps.googleapis.com/maps/api/js?key="MY_API_KEY"&amp;callback=initMap" async defer&gt;&lt;/script&gt;
  </code></pre>
  
  <p>The problem is that my .vue files look like that : </p>
  
  <pre><code>&lt;template&gt;
    ...
  &lt;/template&gt;
  
  &lt;script&gt;
    ...
  &lt;/script&gt;
  </code></pre>
  
  <p>And I can't include more than one script tag in my vue file, I can show the map while passing by the index.html but I dont really want to put js on the index.html, + I can't point the script callback on a vue method.</p>
  
  <p>Do you guys have some ideas on how to show up that map using a .vue file ? I did use vue2-google-maps but I'd like to use the original google map. </p>
  
  <p>I have a fiddle which is doing something ok : <a href="https://jsfiddle.net/okubdoqa/" rel="noreferrer">https://jsfiddle.net/okubdoqa/</a> without using a callback in the script tag, but it doesnt work for me ... Thanks</p>