{"version":3,"sources":["webpack:///./src/views/DrawCautionOnMap.vue?6cd5","webpack:///src/views/DrawCautionOnMap.vue","webpack:///./src/views/DrawCautionOnMap.vue?b03c","webpack:///./src/views/DrawCautionOnMap.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","addEventListener","map","$refs","map2","mapObject","railway","tileLayer","googleSateliteMap","googleRoadMap","googleHybrid","baseLayers","overlayMaps","control","layers","position","addTo","localStorage","getItem","parseInt","on","getZoom","setItem","getCenter","lat","lng","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","console","log","LayerGroup","response","that","i","length","d","ic","m","draggable","riseOnHover","setIcon","target","_latlng","put","editableLayers","drawControl","Control","Draw","draw","rectangle","circle","circlemarker","edit","featureGroup","remove","addControl","Event","CREATED","layerType","bindPopup","addLayer","speed","prompt","description","post","alt","DELETED","eachLayer","options","delete","params","methods","component"],"mappings":"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","file":"js/chunk-2d0ac087.1c9fba83.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: \"DrawCautionOnMap\",\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\r\n  mounted() {\r\n    window.addEventListener(\"resize\", () => {\r\n      this.windowHeight = window.innerHeight;\r\n    });\r\n    const map = this.$refs.map2.mapObject;\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    };\r\n    window.L.control.layers(baseLayers, overlayMaps, { position: \"bottomleft\" }).addTo(map);\r\n\r\n    this.zoom = localStorage.getItem(\"zoom_sc_caution\")\r\n      ? parseInt(localStorage.getItem(\"zoom_sc_caution\"))\r\n      : 11;\r\n\r\n    this.center = localStorage.getItem(\"center_lat_sc_caution\")\r\n      ? latLng(\r\n          localStorage.getItem(\"center_lat_sc_caution\"),\r\n          localStorage.getItem(\"center_lng_sc_caution\")\r\n        )\r\n      : latLng(22.573768, 88.381173);\r\n    this.zoom = localStorage.getItem(\"zoom_s_caution\")\r\n      ? parseInt(localStorage.getItem(\"zoom_s_caution\"))\r\n      : 11;\r\n    map.on(\"zoomend\", () => {\r\n      var zoomLevel = map.getZoom();\r\n      localStorage.setItem(\"zoom_s_caution\", map.getZoom());\r\n    });\r\n\r\n    map.on(\"moveend\", () => {\r\n      localStorage.setItem(\"center_lat_sc_caution\", map.getCenter().lat);\r\n      localStorage.setItem(\"center_lng_sc_caution\", map.getCenter().lng);\r\n      // console.log(\r\n      //   \"moveend\",\r\n      //   localStorage.getItem(\"zoom_sc_caution\"),\r\n      //   localStorage.getItem(\"center_lat_sc_caution\"),\r\n      //   localStorage.getItem(\"center_lng_sc_caution\")\r\n      // );\r\n    });\r\n    const drawnItems = new window.L.FeatureGroup();\r\n    axios.defaults.headers.common[\"Authorization\"] =\r\n      localStorage.getItem(\"jwtToken\");\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(map);\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              id: d.id,\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(drawnItems)\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    // map.pm.addControls({\r\n    //   position: \"topleft\",\r\n    //   // drawCircle: false,\r\n    // });\r\n    // map.on('pm:drawstart', e => {\r\n    //   console.log(e);\r\n    // });\r\n\r\n    // map.on(\"click\", (e) => {\r\n    //   var speed = window.prompt(\"Please enter speed\");\r\n    //   //console.log(speed);\r\n    //   var that = this;\r\n    //   if (speed != null && speed.length > 0) {\r\n    //     //console.log(speed);\r\n    //     var ic = that.psr10Icon;\r\n    //     switch (speed) {\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    //     // console.log(ic);\r\n    //     const data = {\r\n    //       name: speed,\r\n    //       description: speed,\r\n    //       lat: e.latlng.lat,\r\n    //       lng: e.latlng.lng,\r\n    //     };\r\n    //     axios\r\n    //       .post(`${process.env.VUE_APP_API_URL}/cautions/`, data)\r\n    //       .then((response) => {\r\n    //         var marker = window.L.marker(e.latlng, {\r\n    //           draggable: true,\r\n    //           title: speed,\r\n    //           alt: speed,\r\n    //           riseOnHover: true,\r\n    //         })\r\n    //           .setIcon(ic)\r\n    //           .addTo(map)\r\n    //           .bindPopup(e.latlng.toString() + \"Speed: \" + speed)\r\n    //           .openPopup();\r\n    //       })\r\n    //       .catch((e) => {\r\n    //         console.log(e);\r\n    //       });\r\n    //   }\r\n    //   // // #12 : Update marker popup content on changing it's position\r\n    //   // marker.on(\"dragend\", (e) => {\r\n    //   //   const data = {\r\n    //   //     id: id,\r\n    //   //     name: speed,\r\n    //   //     description: speed,\r\n    //   //     lat: e.target.getLatLng().lat,\r\n    //   //     lng: e.target.getLatLng().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    //   //   var chagedPos = e.target.getLatLng() + \"Speed: \" + speed;\r\n    //   //   this.bindPopup(chagedPos.toString()).openPopup();\r\n    //   //   console.log(e);\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: {\r\n        //   allowIntersection: false,\r\n        //   showArea: true,\r\n        // },\r\n        polyline: false,\r\n        rectangle: false,\r\n        circle: false,\r\n        circlemarker: false,\r\n        polygon: false,\r\n        marker: true,\r\n      },\r\n      edit: {\r\n        featureGroup: drawnItems,\r\n        remove: true,\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 type = e.layerType,\r\n        layer = e.layer;\r\n      if (type === \"marker\") {\r\n        // Do marker specific actions\r\n        layer.bindPopup(\"A popup!\");\r\n      }\r\n      editableLayers.addLayer(layer);\r\n      var speed = window.prompt(\r\n        \"Please enter speed\\n(write ns_open for netral section)\"\r\n      );\r\n      //console.log(speed);\r\n      var that = this;\r\n      if (speed != null && speed.length > 0) {\r\n        //console.log(speed);\r\n        var ic = that.psr10Icon;\r\n        switch (speed) {\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        console.log(e);\r\n        const data = {\r\n          name: speed,\r\n          description: speed,\r\n          lat: e.layer._latlng.lat,\r\n          lng: e.layer._latlng.lng,\r\n        };\r\n        axios\r\n          .post(`${process.env.VUE_APP_API_URL}/cautions/`, data)\r\n          .then((response) => {\r\n            var marker = window.L.marker(e.latlng, {\r\n              draggable: true,\r\n              title: speed,\r\n              alt: speed,\r\n              riseOnHover: true,\r\n            })\r\n              .setIcon(ic)\r\n              .addTo(map);\r\n            // .bindPopup(e.latlng.toString() + \"Speed: \" + speed)\r\n            // .openPopup();\r\n          })\r\n          .catch((e) => {\r\n            console.log(e);\r\n          });\r\n      }\r\n\r\n      // // #12 : Update marker popup content on changing it's position\r\n      // marker.on(\"dragend\", (e) => {\r\n      //   const data = {\r\n      //     id: id,\r\n      //     name: speed,\r\n      //     description: speed,\r\n      //     lat: e.target.getLatLng().lat,\r\n      //     lng: e.target.getLatLng().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      //   var chagedPos = e.target.getLatLng() + \"Speed: \" + speed;\r\n      //   this.bindPopup(chagedPos.toString()).openPopup();\r\n      //   console.log(e);\r\n      // });\r\n    });\r\n\r\n    map.on(window.L.Draw.Event.DELETED, (e) => {\r\n      var layers = e.layers;\r\n      var type = e.layerType;\r\n      if (type === \"marker\") {\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: layer.options.id,\r\n          };\r\n          console.log(data);\r\n          axios\r\n            .delete(`${process.env.VUE_APP_API_URL}/cautions/`, {\r\n              params: data,\r\n            })\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  },\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!./DrawCautionOnMap.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!./DrawCautionOnMap.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DrawCautionOnMap.vue?vue&type=template&id=75776474&\"\nimport script from \"./DrawCautionOnMap.vue?vue&type=script&lang=js&\"\nexport * from \"./DrawCautionOnMap.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":""}