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

Merge branch 'master' into playground-rectangle

parents 7f1b0490 bd9860cb

package.json

+1 −1
Original line number Diff line number Diff line 
{

  "name": "@vue-leaflet/vue-leaflet",

  "author": "Nicolò Maria Mezzopera",

  "version": "0.4.2",

  "version": "0.5.0",

  "license": "MIT",

  "private": false,

  "sideEffects": false,

src/playground/App.vue

+12 −0
Original line number Diff line number Diff line
@@ -4,6 +4,18 @@ 
      <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>

      <router-link to="/circle-marker">CircleMarker</router-link>

      <router-link to="/polygon">Polygon</router-link>

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

      <router-link to="/control-scale">Scale</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

+23 −0
Original line number Diff line number Diff line
@@ -8,6 +8,29 @@ 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") },

  {

    path: "/circle-marker",

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

  },

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

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

  {

    path: "/control-scale",

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

    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"),

  },

];



const router = createRouter({

src/playground/views/Circle.vue

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

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

    <l-tile-layer

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

      layer-type="base"

      name="OpenStreetMap"

    ></l-tile-layer>



    <l-circle :lat-lng="[44.48865, 11.3317]" :radius="5000" color="green" />

  </l-map>

</template>

<script>

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



export default {

  components: {

    LMap,

    LTileLayer,

    LCircle,

  },

  data() {

    return {

      zoom: 11,

    };

  },

};

</script>



<style></style>

src/playground/views/CircleMarker.vue

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

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

    <l-tile-layer

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

      layer-type="base"

      name="OpenStreetMap"

    ></l-tile-layer>



    <l-circle-marker :lat-lng="[41.89026, 12.49238]" :radius="50" />

  </l-map>

</template>

<script>

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



export default {

  components: {

    LMap,

    LTileLayer,

    LCircleMarker,

  },

  data() {

    return {

      zoom: 16,

    };

  },

};

</script>



<style></style>