Unverified Commit bf7c86b3 authored by Nicolò Maria Mezzopera's avatar Nicolò Maria Mezzopera Committed by GitHub
Browse files

Merge branch 'master' into playground-controls-layers

parents 73ca08ca 2ff6e9dc

src/playground/App.vue

+4 −0
Original line number Diff line number Diff line
@@ -5,6 +5,10 @@ 
      <router-link to="/marker">Marker</router-link>

      <router-link to="/circle">Circle</router-link>

      <router-link to="/control-layers">Layers</router-link>

      <router-link to="/control-zoom">Zoom</router-link>

      <router-link to="/control-attribution">Attribution</router-link>

      <router-link to="/icon">Icon</router-link>

      <router-link to="/control-custom-message">Custom Message</router-link>

    </div>

    <div class="map-wrapper">

      <router-view />

src/playground/index.js

+8 −0
Original line number Diff line number Diff line
@@ -11,6 +11,14 @@ const routes = [ 
  {

    path: "/control-layers",

    component: () => import("./views/ControlLayers.vue"),

  { path: "/control-zoom", component: () => import("./views/ControlZoom.vue") },

  {

    path: "/control-attribution",

    component: () => import("./views/ControlAttribution.vue"),

  { path: "/icon", component: () => import("./views/Icon.vue") },

  {

    path: "/control-custom-message",

    component: () => import("./views/ControlCustomMessage.vue"),

  },

];

src/playground/views/ControlAttribution.vue

0 → 100644
+32 −0
Original line number Diff line number Diff line 
<template>

  <l-map ref="map" :zoom="2" :center="[47.41322, -1.219482]">

    <l-tile-layer

      url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"

      layer-type="base"

      name="OpenStreetMap"

    ></l-tile-layer>

    <l-control-attribution

      position="bottomleft"

      :prefix="customAttributionPrefix"

    />

  </l-map>

</template>

<script>

import { LMap, LTileLayer, LControlAttribution } from "./../../components";



export default {

  components: {

    LMap,

    LTileLayer,

    LControlAttribution,

  },

  data() {

    return {

      customAttributionPrefix:

        "<strong>Custom bottom left attribution</strong>",

    };

  },

};

</script>



<style></style>

src/playground/views/ControlCustomMessage.vue

0 → 100644
+32 −0
Original line number Diff line number Diff line 
<template>

  <l-map ref="map" :zoom="2" :center="[47.41322, -1.219482]">

    <l-tile-layer

      url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"

      layer-type="base"

      name="OpenStreetMap"

    ></l-tile-layer>

    <l-control class="leaflet-control leaflet-demo-control"

      >Hello, Map!</l-control

    >

  </l-map>

</template>

<script>

import { LMap, LTileLayer, LControl } from "./../../components";



export default {

  components: {

    LMap,

    LTileLayer,

    LControl,

  },

};

</script>



<style>

.leaflet-demo-control {

  background: white;

  border: 1px solid steelblue;

  border-radius: 0.6em;

  padding: 0.5em;

}

</style>

src/playground/views/ControlZoom.vue

0 → 100644
+23 −0
Original line number Diff line number Diff line 
<template>

  <l-map ref="map" :zoom="2" :center="[47.41322, -1.219482]">

    <l-tile-layer

      url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"

      layer-type="base"

      name="OpenStreetMap"

    ></l-tile-layer>

    <l-control-zoom position="bottomright" zoom-in-text="*" zoom-out-text="/" />

  </l-map>

</template>

<script>

import { LMap, LTileLayer, LControlZoom } from "./../../components";



export default {

  components: {

    LMap,

    LTileLayer,

    LControlZoom,

  },

};

</script>



<style></style>