Add most of components and prepare for V1 Release

2021-02-13 16:09:48 +01:00
parent 1a5cf0b075
commit decca38b67
47 changed files with 2556 additions and 0 deletions
--- a/test/test-pages/test-gmapApi.html
+++ b/test/test-pages/test-gmapApi.html
@@ -0,0 +1,39 @@
+<head>
+  <style>
+  .map-container {
+    width: 400px;
+    height: 400px;
+  }
+  </style>
+</head>
+<body>
+  <div id="test">
+    <h2>Test 1</h2>
+    <gmap-map
+      :center="{lat: 1.38, lng: 103.8}"
+      :zoom="12"
+      class="map-container"
+      ref="map">
+      <gmap-marker ref="myMarker" :position="google && new google.maps.LatLng(1.38, 103.8)"></gmap-marker>
+    </gmap-map>
+  </div>
+
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.0/vue.js"></script>
+  <script src="../../dist/vue-google-maps.js"></script>
+
+  <script>
+    Vue.use(VueGoogleMaps, {
+      load: {
+        key: 'AIzaSyDf43lPdwlF98RCBsJOFNKOkoEjkwxb5Sc',
+      }
+    })
+    document.addEventListener('DOMContentLoaded', () => {
+      window.vue = new Vue({
+        computed: {
+          google: VueGoogleMaps.gmapApi
+        },
+        el: '#test',
+      })
+    })
+  </script>
+</body>