More suitable name for gmap component

This commit is contained in:
Björn Fromme
2018-09-14 10:41:19 +02:00
parent 949b539653
commit fe8c59e83c
11 changed files with 18 additions and 18 deletions
@@ -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,
@@ -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: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>' attribution: '&copy; <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,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}"/>