|
@@ -180,13 +180,22 @@
|
180
|
180
|
aria-labelledby="directions-tab"
|
181
|
181
|
>
|
182
|
182
|
<iframe
|
183
|
|
- 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"
|
|
183
|
+ :src="mapUrl"
|
184
|
184
|
width="100%"
|
185
|
185
|
height="450"
|
186
|
186
|
frameborder="0"
|
187
|
187
|
style="border:0"
|
188
|
188
|
allowfullscreen
|
189
|
189
|
></iframe>
|
|
190
|
+ <br />
|
|
191
|
+
|
|
192
|
+ <small>
|
|
193
|
+ <a
|
|
194
|
+ :href="mapUrl"
|
|
195
|
+ style="color:#0000FF;text-align:left"
|
|
196
|
+ target="_blank"
|
|
197
|
+ >See map bigger</a>
|
|
198
|
+ </small>
|
190
|
199
|
</div>
|
191
|
200
|
<div
|
192
|
201
|
class="tab-pane fade"
|
|
@@ -217,6 +226,15 @@ export default {
|
217
|
226
|
},
|
218
|
227
|
computed: {
|
219
|
228
|
...mapState('resort', ['resort', 'image1', 'image2', 'image3', 'layout']),
|
|
229
|
+ mapUrl() {
|
|
230
|
+ return this.resort
|
|
231
|
+ ? 'http://maps.google.com/maps?q='
|
|
232
|
+ + this.resort.prLatitude
|
|
233
|
+ + ', '
|
|
234
|
+ + this.resort.prLongitude
|
|
235
|
+ + '&z=15&output=embed'
|
|
236
|
+ : '';
|
|
237
|
+ },
|
220
|
238
|
},
|
221
|
239
|
methods: {
|
222
|
240
|
...mapActions('resort', ['initResort']),
|