Added maps

src/components/timeshare/resort/resortPage.vue

@@ -180,13 +180,22 @@
                     aria-labelledby="directions-tab"
                   >
                     <iframe
-                      src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3598.84482660366!2d28.57348355078195!3d-25.576828844892443!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x1e955632ffc327ff%3A0x4af94419c97e91ff!2sLittle+Eden+Resort!5e0!3m2!1sen!2sza!4v1538397512607"
+                      :src="mapUrl"
                       width="100%"
                       height="450"
                       frameborder="0"
                       style="border:0"
                       allowfullscreen
                     ></iframe>
+                    <br />
+
+                    <small>
+                      <a
+                        :href="mapUrl"
+                        style="color:#0000FF;text-align:left"
+                        target="_blank"
+                      >See map bigger</a>
+                    </small>
                   </div>
                   <div
                     class="tab-pane fade"
@@ -217,6 +226,15 @@ export default {
   },
   computed: {
     ...mapState('resort', ['resort', 'image1', 'image2', 'image3', 'layout']),
+    mapUrl() {
+      return this.resort
+        ? 'http://maps.google.com/maps?q='
+            + this.resort.prLatitude
+            + ', '
+            + this.resort.prLongitude
+            + '&z=15&output=embed'
+        : '';
+    },
   },
   methods: {
     ...mapActions('resort', ['initResort']),