More suitable name for gmap component
This commit is contained in:
@@ -24,7 +24,7 @@ import SearchBox from './components/SearchBox.vue'
|
|||||||
import SearchResult from './components/SearchResult.vue'
|
import SearchResult from './components/SearchResult.vue'
|
||||||
import ProductDetail from './components/ProductDetail.vue'
|
import ProductDetail from './components/ProductDetail.vue'
|
||||||
import AjaxContent from './components/AjaxContent.vue'
|
import AjaxContent from './components/AjaxContent.vue'
|
||||||
import Gmap from './components/Gmap.vue'
|
import OsmMap from './components/OsmMap.vue'
|
||||||
import Calendar from './components/Calendar.vue'
|
import Calendar from './components/Calendar.vue'
|
||||||
import EventPricetable from './components/EventPriceTable.vue'
|
import EventPricetable from './components/EventPriceTable.vue'
|
||||||
import ContactForm from './components/ContactForm.vue'
|
import ContactForm from './components/ContactForm.vue'
|
||||||
@@ -54,7 +54,7 @@ new Vue({
|
|||||||
SearchResult,
|
SearchResult,
|
||||||
ProductDetail,
|
ProductDetail,
|
||||||
AjaxContent,
|
AjaxContent,
|
||||||
Gmap,
|
OsmMap,
|
||||||
Calendar,
|
Calendar,
|
||||||
EventPricetable,
|
EventPricetable,
|
||||||
ContactForm,
|
ContactForm,
|
||||||
|
|||||||
+2
-2
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="gmap" ref="container"></div>
|
<div class="osm-map" ref="container"></div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import L from 'leaflet';
|
import L from 'leaflet';
|
||||||
@@ -67,7 +67,7 @@
|
|||||||
}
|
}
|
||||||
this.map.fitBounds(bounds);
|
this.map.fitBounds(bounds);
|
||||||
}
|
}
|
||||||
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
|
L.tileLayer('https://{s}.tile.openstreetmap.de/tiles/osmde/{z}/{x}/{y}.png', {
|
||||||
maxZoom: 19,
|
maxZoom: 19,
|
||||||
attribution: '© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
|
attribution: '© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
|
||||||
}).addTo(this.map);
|
}).addTo(this.map);
|
||||||
@@ -11,7 +11,7 @@
|
|||||||
import Calendar from './Calendar.vue'
|
import Calendar from './Calendar.vue'
|
||||||
import FacebookPixel from './FacebookPixel.vue'
|
import FacebookPixel from './FacebookPixel.vue'
|
||||||
import WatchlistToggle from './WatchlistToggle.vue'
|
import WatchlistToggle from './WatchlistToggle.vue'
|
||||||
import Gmap from './Gmap.vue'
|
import OsmMap from './OsmMap.vue'
|
||||||
import dayjs from 'dayjs'
|
import dayjs from 'dayjs'
|
||||||
import 'dayjs/locale/de'
|
import 'dayjs/locale/de'
|
||||||
|
|
||||||
@@ -26,7 +26,7 @@
|
|||||||
Calendar,
|
Calendar,
|
||||||
FacebookPixel,
|
FacebookPixel,
|
||||||
WatchlistToggle,
|
WatchlistToggle,
|
||||||
Gmap
|
OsmMap
|
||||||
},
|
},
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
|
|||||||
@@ -21,7 +21,7 @@ $output-bourbon-deprecation-warnings: false;
|
|||||||
@import "remix/herounit";
|
@import "remix/herounit";
|
||||||
@import "remix/calendar";
|
@import "remix/calendar";
|
||||||
@import "remix/partnerlogos";
|
@import "remix/partnerlogos";
|
||||||
@import "remix/gmap";
|
@import "remix/osm-map";
|
||||||
@import "remix/video";
|
@import "remix/video";
|
||||||
@import "remix/newsletterform";
|
@import "remix/newsletterform";
|
||||||
@import "remix/layout";
|
@import "remix/layout";
|
||||||
|
|||||||
@@ -22,7 +22,7 @@ $output-bourbon-deprecation-warnings: false;
|
|||||||
@import "remix/herounit";
|
@import "remix/herounit";
|
||||||
@import "remix/calendar";
|
@import "remix/calendar";
|
||||||
@import "remix/partnerlogos";
|
@import "remix/partnerlogos";
|
||||||
@import "remix/gmap";
|
@import "remix/osm-map";
|
||||||
@import "remix/video";
|
@import "remix/video";
|
||||||
@import "remix/newsletterform";
|
@import "remix/newsletterform";
|
||||||
@import "remix/layout";
|
@import "remix/layout";
|
||||||
|
|||||||
@@ -22,7 +22,7 @@ $output-bourbon-deprecation-warnings: false;
|
|||||||
@import "remix/herounit";
|
@import "remix/herounit";
|
||||||
@import "remix/calendar";
|
@import "remix/calendar";
|
||||||
@import "remix/partnerlogos";
|
@import "remix/partnerlogos";
|
||||||
@import "remix/gmap";
|
@import "remix/osm-map";
|
||||||
@import "remix/video";
|
@import "remix/video";
|
||||||
@import "remix/newsletterform";
|
@import "remix/newsletterform";
|
||||||
@import "remix/layout";
|
@import "remix/layout";
|
||||||
|
|||||||
@@ -22,7 +22,7 @@ $output-bourbon-deprecation-warnings: false;
|
|||||||
@import "remix/herounit";
|
@import "remix/herounit";
|
||||||
@import "remix/calendar";
|
@import "remix/calendar";
|
||||||
@import "remix/partnerlogos";
|
@import "remix/partnerlogos";
|
||||||
@import "remix/gmap";
|
@import "remix/osm-map";
|
||||||
@import "remix/video";
|
@import "remix/video";
|
||||||
@import "remix/newsletterform";
|
@import "remix/newsletterform";
|
||||||
@import "remix/layout";
|
@import "remix/layout";
|
||||||
|
|||||||
+1
-1
@@ -1,4 +1,4 @@
|
|||||||
.gmap {
|
.osm-map {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding-bottom: 56.25%;
|
padding-bottom: 56.25%;
|
||||||
margin-bottom: 34px;
|
margin-bottom: 34px;
|
||||||
@@ -15,11 +15,11 @@
|
|||||||
|
|
||||||
<f:section name="Map">
|
<f:section name="Map">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<gmap
|
<osm-map
|
||||||
lat="{latitude}"
|
lat="{latitude}"
|
||||||
lng="{longitude}"
|
lng="{longitude}"
|
||||||
:zoom="17"
|
:zoom="17"
|
||||||
></gmap>
|
></osm-map>
|
||||||
</div>
|
</div>
|
||||||
</f:section>
|
</f:section>
|
||||||
|
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
<f:layout name="Default"/>
|
<f:layout name="Default"/>
|
||||||
|
|
||||||
<f:section name="Main">
|
<f:section name="Main">
|
||||||
<gmap :markers="{markerData}" :zoom="17"></gmap>
|
<osm-map :markers="{markerData}" :zoom="17"></osm-map>
|
||||||
</f:section>
|
</f:section>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -92,8 +92,8 @@
|
|||||||
<div class="ep-sidebar ep-snow">
|
<div class="ep-sidebar ep-snow">
|
||||||
<p><strong>Lage</strong></p>
|
<p><strong>Lage</strong></p>
|
||||||
<div>
|
<div>
|
||||||
<gmap lat="{hotel.latitude}" lng="{hotel.longitude}" :zoom="12"
|
<osm-map lat="{hotel.latitude}" lng="{hotel.longitude}" :zoom="12"
|
||||||
external-link="{f:uri.typolink(parameter: hotel.externalLink)}"></gmap>
|
external-link="{f:uri.typolink(parameter: hotel.externalLink)}"></osm-map>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<f:render partial="Region/Webcam" arguments="{region: region}"/>
|
<f:render partial="Region/Webcam" arguments="{region: region}"/>
|
||||||
@@ -191,8 +191,8 @@
|
|||||||
<div class="ep-sidebar ep-snow">
|
<div class="ep-sidebar ep-snow">
|
||||||
<p><strong>Lage</strong></p>
|
<p><strong>Lage</strong></p>
|
||||||
<div>
|
<div>
|
||||||
<gmap lat="{hotel.latitude}" lng="{hotel.longitude}" :zoom="12"
|
<osm-map lat="{hotel.latitude}" lng="{hotel.longitude}" :zoom="12"
|
||||||
external-link="{f:uri.typolink(parameter: hotel.externalLink)}"></gmap>
|
external-link="{f:uri.typolink(parameter: hotel.externalLink)}"></osm-map>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<f:render partial="Region/Webcam" arguments="{region: region}"/>
|
<f:render partial="Region/Webcam" arguments="{region: region}"/>
|
||||||
|
|||||||
Reference in New Issue
Block a user