{"version":3,"sources":["webpack:///./src/views/DrawGeofenceOnMap.vue?b9bd","webpack:///src/views/DrawGeofenceOnMap.vue","webpack:///./src/views/DrawGeofenceOnMap.vue?1ea9","webpack:///./src/views/DrawGeofenceOnMap.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","ref","attrs","zoom","center","mapOptions","url","attribution","staticRenderFns","name","components","LMap","LTileLayer","maxZoom","zoomSnap","minZoom","maxBounds","windowHeight","window","innerHeight","psr10Icon","L","icon","iconUrl","iconSize","iconAnchor","popupAnchor","psr15Icon","psr20Icon","psr30Icon","psr45Icon","psr50Icon","psr65Icon","psr75Icon","nsOpenIcon","map","$refs","map2","mapObject","addEventListener","railway","tileLayer","googleSateliteMap","googleRoadMap","googleHybrid","baseLayers","overlayMaps","control","layers","position","addTo","localStorage","getItem","parseInt","on","getZoom","setItem","getCenter","lat","lng","console","log","drawnItems","FeatureGroup","a","defaults","headers","common","get","then","responses","forEach","data","o","geometry","JSON","parse","area","properties","id","GeoJSON","pointToLayer","feature","latlng","type","polygon","polyline","marker","onEachFeature","layer","bindTooltip","title","permanent","direction","opacity","offset","openTooltip","catch","e","editableLayers","drawControl","Control","Draw","draw","rectangle","circle","circlemarker","edit","featureGroup","remove","addControl","Event","CREATED","stncode","prompt","length","layerType","props","content","shape","toGeoJSON","shape_for_db","stringify","description","post","response","insertId","addLayer","EDITED","eachLayer","geo","put","DELETED","delete","params","methods","component"],"mappings":"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","file":"js/chunk-2d0f0ba0.0a98c3a1.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\",\"background-color\":\"#eee\"}},[_c('l-map',{ref:\"map2\",staticStyle:{\"z-index\":\"0\"},attrs:{\"zoom\":_vm.zoom,\"center\":_vm.center,\"options\":_vm.mapOptions,\"attribution\":\"© Проект А\"}},[_c('l-tile-layer',{attrs:{\"url\":_vm.url,\"attribution\":_vm.attribution}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div style=\"width: 100%; height: 100%; background-color: #eee\">\r\n    <l-map\r\n      ref=\"map2\"\r\n      :zoom=\"zoom\"\r\n      :center=\"center\"\r\n      :options=\"mapOptions\"\r\n      attribution=\"© Проект А\"\r\n      style=\"z-index: 0\"\r\n    >\r\n      <l-tile-layer :url=\"url\" :attribution=\"attribution\" />\r\n      <!-- <v-geo-json v-for=\"(gj, idx) in geojson\" :geojson=\"gj.geometry\" :key=\"idx\" :options=\"options(gj)\">\r\n        <v-popup :content=\"gotoTunnelCard\" :options=\"{ autoClose: false, closeOnClick: false }\"></v-popup>\r\n      </v-geo-json> -->\r\n    </l-map>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport axios from \"axios\";\r\nimport _ from \"lodash\";\r\nimport { LMap, LTileLayer } from \"vue2-leaflet\";\r\nimport \"leaflet/dist/leaflet.css\";\r\nimport \"leaflet-draw/dist/leaflet.draw.css\";\r\nimport \"leaflet-draw\";\r\nimport { L, latLng, icon } from \"leaflet\";\r\nimport \"@geoman-io/leaflet-geoman-free\";\r\nimport \"@geoman-io/leaflet-geoman-free/dist/leaflet-geoman.css\";\r\n\r\nexport default {\r\n  name: \"DrawGeofenceOnMap\",\r\n  components: {\r\n    LMap,\r\n    LTileLayer,\r\n  },\r\n  data() {\r\n    return {\r\n      zoom: 13,\r\n      maxZoom: 22,\r\n      center: latLng(22.573768, 88.381173),\r\n      //  url: \"http://{s}.tile.osm.org/{z}/{x}/{y}.png\",\r\n      // url: \"http://www.google.cn/maps/vt?lyrs=y@189&gl=cn&x={x}&y={y}&z={z}\",\r\n      //  url: \"https://maps.wikimedia.org/osm-intl/{z}/{x}/{y}.png\",\r\n      // attribution: 'google',\r\n      url: \"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\",\r\n      attribution:\r\n        '&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a> contributors',\r\n      mapOptions: {\r\n        zoomSnap: 1,\r\n        minZoom: 10,\r\n        maxBounds: [\r\n          [29.033972, 70.192046],\r\n          [6.3301302, 91.070748],\r\n          // [21.448266, 89.071288]\r\n        ],\r\n      },\r\n      windowHeight: window.innerHeight,\r\n      psr10Icon: window.L.icon({\r\n        iconUrl: require(\"../assets/10.png\"),\r\n        iconSize: [64, 64],\r\n        iconAnchor: [32, 64],\r\n        popupAnchor: [4, -25],\r\n      }),\r\n      psr15Icon: window.L.icon({\r\n        iconUrl: require(\"../assets/15.png\"),\r\n        iconSize: [64, 64],\r\n        iconAnchor: [32, 64],\r\n        popupAnchor: [4, -25],\r\n      }),\r\n      psr20Icon: window.L.icon({\r\n        iconUrl: require(\"../assets/20.png\"),\r\n        iconSize: [64, 64],\r\n        iconAnchor: [32, 64],\r\n        popupAnchor: [4, -25],\r\n      }),\r\n      psr30Icon: window.L.icon({\r\n        iconUrl: require(\"../assets/30.png\"),\r\n        iconSize: [64, 64],\r\n        iconAnchor: [32, 64],\r\n        popupAnchor: [4, -25],\r\n      }),\r\n      psr45Icon: window.L.icon({\r\n        iconUrl: require(\"../assets/45.png\"),\r\n        iconSize: [64, 64],\r\n        iconAnchor: [32, 64],\r\n        popupAnchor: [4, -25],\r\n      }),\r\n      psr50Icon: window.L.icon({\r\n        iconUrl: require(\"../assets/50.png\"),\r\n        iconSize: [64, 64],\r\n        iconAnchor: [32, 64],\r\n        popupAnchor: [4, -25],\r\n      }),\r\n      psr65Icon: window.L.icon({\r\n        iconUrl: require(\"../assets/65.png\"),\r\n        iconSize: [64, 64],\r\n        iconAnchor: [32, 64],\r\n        popupAnchor: [4, -25],\r\n      }),\r\n      psr75Icon: window.L.icon({\r\n        iconUrl: require(\"../assets/75.png\"),\r\n        iconSize: [64, 64],\r\n        iconAnchor: [32, 64],\r\n        popupAnchor: [4, -25],\r\n      }),\r\n      nsOpenIcon: window.L.icon({\r\n        iconUrl: require(\"../assets/ns_open.jpg\"),\r\n        iconSize: [40, 80],\r\n        iconAnchor: [20, 80],\r\n        popupAnchor: [4, -25],\r\n      }),\r\n    };\r\n  },\r\n  mounted() {\r\n    const map = this.$refs.map2.mapObject;\r\n    \r\n    window.addEventListener(\"resize\", () => {\r\n      this.windowHeight = window.innerHeight;\r\n    });\r\n\r\n        var railway = window.L.tileLayer(\r\n      \"http://{s}.tile.openrailwaymap.org/{z}/{x}/{y}.png\",\r\n      {\r\n        attribution:\r\n          '&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a> contributors',\r\n      }\r\n    );\r\n    var googleSateliteMap = window.L.tileLayer(\r\n      \"http://www.google.cn/maps/vt?lyrs=s@189&gl=cn&x={x}&y={y}&z={z}\",\r\n      {\r\n        attribution: \"google\",\r\n      }\r\n    );\r\n    var googleRoadMap = window.L.tileLayer(\r\n      \"http://www.google.cn/maps/vt?lyrs=m@189&gl=cn&x={x}&y={y}&z={z}\",\r\n      {\r\n        attribution: \"google\",\r\n      }\r\n    );\r\n    var googleHybrid = window.L.tileLayer(\r\n      \"http://www.google.cn/maps/vt?lyrs=h@189&gl=cn&x={x}&y={y}&z={z}\",\r\n      {\r\n        attribution: \"google\",\r\n      }\r\n    );\r\n\r\n    var baseLayers = {\r\n      \"Google Satelite\": googleSateliteMap,\r\n      \"Google Road\": googleRoadMap,\r\n      \"Google hybrid\": googleHybrid,\r\n      \"Open Railway\": railway,\r\n    };\r\n    var overlayMaps = {};\r\n    window.L.control.layers(baseLayers, overlayMaps, { position: \"bottomleft\" }).addTo(map);\r\n\r\n    this.zoom = localStorage.getItem(\"zoom_s_gf\")\r\n      ? parseInt(localStorage.getItem(\"zoom_s_gf\"))\r\n      : 11;\r\n\r\n    this.center = localStorage.getItem(\"center_lat_s_gf\")\r\n      ? latLng(\r\n          localStorage.getItem(\"center_lat_s_gf\"),\r\n          localStorage.getItem(\"center_lng_s_gf\")\r\n        )\r\n      : latLng(22.573768, 88.381173);\r\n    map.on(\"zoomend\", () => {\r\n      var zoomLevel = map.getZoom();\r\n      localStorage.setItem(\"zoom_s_gf\", map.getZoom());\r\n      // var tooltip = $(\".leaflet-tooltip\");\r\n      // var w = this.round(zoomLevel * 1.1, 0);\r\n      // var h = this.round(zoomLevel * 1.8, 0);\r\n      // var f = this.round(zoomLevel * 0.58, 0);\r\n      // this.createSigIcon(w, h);\r\n      // this.animateSig();\r\n      // //tooltip.css('font-size', f);\r\n      // console.log(zoomLevel);\r\n    });\r\n\r\n    map.on(\"moveend\", () => {\r\n      localStorage.setItem(\"center_lat_s_gf\", map.getCenter().lat);\r\n      localStorage.setItem(\"center_lng_s_gf\", map.getCenter().lng);\r\n      console.log(\r\n        \"moveend\",\r\n        localStorage.getItem(\"zoom_s_gf\"),\r\n        localStorage.getItem(\"center_lat_s_gf\"),\r\n        localStorage.getItem(\"center_lng_s_gf\")\r\n      );\r\n    });\r\n    const drawnItems = new window.L.FeatureGroup();\r\n    axios.defaults.headers.common[\"Authorization\"] = localStorage.getItem(\r\n      \"jwtToken\"\r\n    );\r\n    axios\r\n      .get(`${process.env.VUE_APP_API_URL}/geofences/`)\r\n      .then((responses) => {\r\n        //      console.log(responses.data);\r\n        _.forEach(responses.data, function(o) {\r\n          var geometry = JSON.parse(o.area);\r\n          geometry.properties.id = o.id;\r\n          var json = new window.L.GeoJSON(geometry, {\r\n            pointToLayer: function(feature, latlng) {\r\n              switch (feature.geometry.type) {\r\n                case \"Polygon\":\r\n                  //var ii = new L.Polygon(latlng)\r\n                  //ii.addTo(drawnItems);\r\n                  return window.L.polygon(latlng);\r\n                case \"LineString\":\r\n                  return window.L.polyline(latlng);\r\n                case \"Point\":\r\n                  return window.L.marker(latlng);\r\n                default:\r\n                  return;\r\n              }\r\n            },\r\n            onEachFeature: function(feature, layer) {\r\n              layer\r\n                .bindTooltip(feature.properties.title, {\r\n                  permanent: true,\r\n                  direction: \"center\",\r\n                  opacity: 0.8,\r\n                  offset: [-50, 0],\r\n                })\r\n                .openTooltip();\r\n              layer.addTo(drawnItems);\r\n            },\r\n          });\r\n          //          console.log(json)\r\n        });\r\n      })\r\n      .catch((e) => {\r\n        console.log(e);\r\n      });\r\n\r\n    // var markersCautionLayer = new window.L.LayerGroup();\r\n    // axios\r\n    //   .get(`${process.env.VUE_APP_API_URL}/cautions`)\r\n    //   .then((response) => {\r\n    //     //console.log(response.data)\r\n    //     var that = this;\r\n    //     var tooltipPopup;\r\n    //     for (var i = 0; i < response.data.length; i++) {\r\n    //       var d = response.data[i];\r\n    //       if (d.lat) {\r\n    //         var ic = that.psr10Icon;\r\n    //         switch (d.name) {\r\n    //           case \"10\":\r\n    //             ic = that.psr10Icon;\r\n    //             break;\r\n    //           case \"15\":\r\n    //             ic = that.psr15Icon;\r\n    //             break;\r\n    //           case \"20\":\r\n    //             ic = that.psr20Icon;\r\n    //             break;\r\n    //           case \"30\":\r\n    //             ic = that.psr30Icon;\r\n    //             break;\r\n    //           case \"45\":\r\n    //             ic = that.psr45Icon;\r\n    //             break;\r\n    //           case \"50\":\r\n    //             ic = that.psr50Icon;\r\n    //             break;\r\n    //           case \"65\":\r\n    //             ic = that.psr65Icon;\r\n    //             break;\r\n    //           case \"75\":\r\n    //             ic = that.psr75Icon;\r\n    //             break;\r\n    //           case \"ns_open\":\r\n    //             ic = that.nsOpenIcon;\r\n    //             break;\r\n    //           default:\r\n    //             ic = that.psr20Icon;\r\n    //         }\r\n    //         var m = window.L.marker([d.lat, d.lng], {\r\n    //           draggable: true,\r\n    //           title: d.name,\r\n    //           riseOnHover: true,\r\n    //         })\r\n    //           .setIcon(ic)\r\n    //           .bindPopup(d.lat + \", \" + d.lng, {\r\n    //             className: \"labelstyle\",\r\n    //             permanent: true,\r\n    //             opacity: 1.0,\r\n    //             direction: \"center\",\r\n    //           })\r\n    //           .addTo(markersCautionLayer)\r\n    //           .addTo(map);\r\n    //         // console.log(d);\r\n    //         m.on(\"dragend\", (e) => {\r\n    //           // console.log(d);\r\n    //           const data = {\r\n    //             id: d.id,\r\n    //             lat: e.target._latlng.lat,\r\n    //             lng: e.target._latlng.lng,\r\n    //           };\r\n    //           axios\r\n    //             .put(`${process.env.VUE_APP_API_URL}/cautions/`, data)\r\n    //             .then((response) => {\r\n    //               console.log(response);\r\n    //             })\r\n    //             .catch((e) => {\r\n    //               console.log(e);\r\n    //             });\r\n    //         });\r\n    //       }\r\n    //     }\r\n    //   })\r\n    //   .catch((e) => {\r\n    //     console.log(e);\r\n    //   });\r\n\r\n    //      this.$nextTick(() => {\r\n   \r\n\r\n    const editableLayers = drawnItems.addTo(map);\r\n    const drawControl = new window.L.Control.Draw({\r\n      position: \"topright\",\r\n      draw: {\r\n        polyline: true,\r\n        rectangle: false,\r\n        circle: false,\r\n        circlemarker: false,\r\n        polygon: true,\r\n        marker: false,\r\n      },\r\n      edit: {\r\n        featureGroup: drawnItems,\r\n        remove: false, // true -- to make visible delete button\r\n      },\r\n    });\r\n\r\n    map.addControl(drawControl);\r\n\r\n    map.on(window.L.Draw.Event.CREATED, (e) => {\r\n      var stncode = window.prompt(\"Please enter station code\");\r\n      if (stncode != null && stncode.length > 0) {\r\n        const layer = e.layer;\r\n        const type = e.layerType;\r\n        var feature = (layer.feature = layer.feature || {}); // Intialize layer.feature\r\n\r\n        feature.type = feature.type || \"Feature\"; // Intialize feature.type\r\n        var props = (feature.properties = feature.properties || {}); // Intialize feature.properties\r\n        props.title = stncode;\r\n        props.content = \"Station\";\r\n        if (type === \"marker\") {\r\n          // Do marker specific actions\r\n        }\r\n        // Do whatever else you need to. (save to db; add to map etc)\r\n        const shape = layer.toGeoJSON();\r\n        const shape_for_db = JSON.stringify(shape);\r\n\r\n        const data = {\r\n          name: stncode,\r\n          description: \"Station\",\r\n          area: shape_for_db,\r\n        };\r\n\r\n        axios\r\n          .post(`${process.env.VUE_APP_API_URL}/geofences/`, data)\r\n          .then((response) => {\r\n            props.id = response.data.insertId;\r\n            console.log(shape);\r\n          })\r\n          .catch((e) => {\r\n            console.log(e);\r\n          });\r\n        editableLayers.addLayer(layer);\r\n      }\r\n    });\r\n    map.on(window.L.Draw.Event.EDITED, (e) => {\r\n      var layers = e.layers;\r\n      layers.eachLayer(function(layer) {\r\n        var feature = (layer.feature = layer.feature || {}); // Intialize layer.feature\r\n\r\n        feature.type = feature.type || \"Feature\"; // Intialize feature.type\r\n        var props = (feature.properties = feature.properties || {}); // Intialize feature.properties\r\n        var geo = (feature.geometry = feature.geometry || {}); // Intialize feature.properties\r\n        var stncode = window.prompt(\"Please enter station code\", props.title);\r\n        if (stncode != null && stncode.length > 0) {\r\n          props.title = stncode;\r\n          props.content = \"Station\";\r\n          if (geo.type === \"marker\") {\r\n            // Do marker specific actions\r\n          }\r\n          // Do whatever else you need to. (save to db; add to map etc)\r\n          const shape = layer.toGeoJSON();\r\n          const shape_for_db = JSON.stringify(shape);\r\n\r\n          const data = {\r\n            id: props.id,\r\n            name: stncode,\r\n            description: \"Station\",\r\n            area: shape_for_db,\r\n          };\r\n          axios\r\n            .put(`${process.env.VUE_APP_API_URL}/geofences/`, data)\r\n            .then((response) => {\r\n              console.log(response);\r\n            })\r\n            .catch((e) => {\r\n              console.log(e);\r\n            });\r\n        }\r\n        //do whatever you want; most likely save back to db\r\n      });\r\n    });\r\n\r\n    map.on(window.L.Draw.Event.DELETED, (e) => {\r\n      var layers = e.layers;\r\n      layers.eachLayer(function(layer) {\r\n        var feature = (layer.feature = layer.feature || {}); // Intialize layer.feature\r\n\r\n        feature.type = feature.type || \"Feature\"; // Intialize feature.type\r\n        var props = (feature.properties = feature.properties || {}); // Intialize feature.properties\r\n        const data = {\r\n          id: props.id,\r\n        };\r\n        axios\r\n          .delete(`${process.env.VUE_APP_API_URL}/geofences/`, { params: data })\r\n          .then((response) => {\r\n            console.log(response);\r\n          })\r\n          .catch((e) => {\r\n            console.log(e);\r\n          });\r\n\r\n        //do whatever you want; most likely save back to db\r\n      });\r\n    });\r\n    //      });\r\n  },\r\n  methods: {},\r\n};\r\n</script>\r\n","import mod from \"-!../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DrawGeofenceOnMap.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DrawGeofenceOnMap.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DrawGeofenceOnMap.vue?vue&type=template&id=050837b0&\"\nimport script from \"./DrawGeofenceOnMap.vue?vue&type=script&lang=js&\"\nexport * from \"./DrawGeofenceOnMap.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}