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

Merge pull request #76 from vue-leaflet/playground-rectangle 

Playground rectangle
parents bd9860cb f5f8b2b4

src/playground/App.vue

+1 −0
Original line number Diff line number Diff line
@@ -3,6 +3,7 @@ 
    <div class="menu">

      <router-link to="/">Home</router-link>

      <router-link to="/marker">Marker</router-link>

      <router-link to="/rectangle">Rectangle</router-link>

      <router-link to="/polyline">Polyline</router-link>

      <router-link to="/popups">Popups</router-link>

      <router-link to="/tooltips">Tooltips</router-link>

src/playground/index.js

+1 −0
Original line number Diff line number Diff line
@@ -7,6 +7,7 @@ import Home from "./views/Home.vue"; 
const routes = [

  { path: "/", component: Home },

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

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

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

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

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

src/playground/views/Rectangle.vue

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

  <l-map ref="map" v-model:zoom="zoom" :center="[46.41322, 0.219482]">

    <l-tile-layer

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

      layer-type="base"

      name="OpenStreetMap"

    ></l-tile-layer>



    <l-rectangle

      :lat-lngs="[

        [46.334852, -1.509485],

        [46.342596, -1.328731],

        [46.241487, -1.190568],

        [46.234787, -1.358337],

      ]"

      :fill="true"

      color="#35495d"

    />

  </l-map>

</template>

<script>

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



export default {

  components: {

    LMap,

    LTileLayer,

    LRectangle,

  },

  data() {

    return {

      zoom: 8,

    };

  },

};

</script>



<style></style>