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

Merge pull request #68 from vue-leaflet/playground-controls-layers 

Playground controls layers
parents 2ff6e9dc bf7c86b3

src/playground/App.vue

+1 −0
Original line number Diff line number Diff line
@@ -4,6 +4,7 @@ 
      <router-link to="/">Home</router-link>

      <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>

src/playground/index.js

+3 −0
Original line number Diff line number Diff line
@@ -8,6 +8,9 @@ const routes = [ 
  { path: "/", component: Home },

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

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

  {

    path: "/control-layers",

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

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

  {

    path: "/control-attribution",

src/playground/views/ControlLayers.vue

0 → 100644
+29 −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="http://tile.stamen.com/watercolor/{z}/{x}/{y}.jpg"

      layer-type="base"

      name="Stamen Watercolor"

      attribution="Map tiles by <a href='http://stamen.com'>Stamen Design</a>, under <a href='http://creativecommons.org/licenses/by/3.0'>CC BY 3.0</a>. Data by <a href='http://openstreetmap.org'>OpenStreetMap</a>, under <a href='http://creativecommons.org/licenses/by-sa/3.0'>CC BY SA</a>."

    />

    <l-tile-layer

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

      layer-type="base"

      name="OpenStreetMap"

    ></l-tile-layer>

    <l-control-layers />

  </l-map>

</template>

<script>

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



export default {

  components: {

    LMap,

    LTileLayer,

    LControlLayers,

  },

};

</script>



<style></style>