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-marker-with-infowindow.html
+++ b/test/test-pages/test-marker-with-infowindow.html
@@ -0,0 +1,71 @@
+<html>
+<head>
+  <meta charset="utf-8">
+</head>
+<body>
+  <div id="app">
+    <gmap-map
+      :center="randomInitialLatLng"
+      :zoom="7"
+      style="height: 400px; width: 100%;"
+      ref="map"
+      id="themap">
+
+      <gmap-marker
+        :position="randomInitialLatLng"
+        :clickable="true"
+        @click="openInfoWindowTemplate(randomInitialLatLng)"
+        ref="markers">
+      </gmap-marker>
+
+      <gmap-info-window
+        :options="{maxWidth: 300}"
+        :position="infoWindow.position"
+        :opened="infoWindow.open"
+        @closeclick="infoWindow.open = false">
+        <div id="thediv">hello</div>
+      </gmap-info-window>
+    </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.theVue = new Vue({
+        el: '#app',
+        data () {
+          return {
+            infoWindow: {
+              position: {lat: 50, lng: 90},
+              open: false,
+              template: ''
+            },
+            clicked: false,
+          }
+        },
+        computed: {
+          randomInitialLatLng () {
+            return ({lat: 50 + Math.random(), lng: 90 + Math.random()})
+          }
+        },
+        methods: {
+          openInfoWindowTemplate (pos) {
+            this.infoWindow.position = pos
+            this.infoWindow.open = true
+
+            this.clicked = true
+          }
+        }
+      })
+    })
+  </script>
+</body>
+</html>