| | |
| | | <script> |
| | | import _GLOBAL from "@/assets/GLOBAL"; |
| | | import store from "@/utils/store2"; |
| | | import { addHistoryLayer } from "@/utils/tool"; |
| | | import { addHistoryLayer, addHistoryLW } from "@/utils/tool"; |
| | | export default { |
| | | name: "historyBox", |
| | | components: {}, |
| | | data() { |
| | | return { |
| | | arr: [ |
| | | 2001, 2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011, 2012, |
| | | 2013, 2014, 2015, 2016, 2017, 2018, 2019, 2020, 2021, |
| | | 2021, 2020, 2019, 2018, 2017, 2016, 2015, 2014, 2013, 2012, 2011, 2010, |
| | | 2009, 2008, 2007, 2006, 2005, 2004, 2003, 2002, 2001, |
| | | ], |
| | | currentValue: 2021, |
| | | }; |
| | |
| | | mounted() { |
| | | store.setNavigatorShow(false); |
| | | store.setMapToolShow(false); |
| | | // window.mapapi.getView().setCenter(ol.proj.fromLonLat([4.606512, 2.621472])); |
| | | window.mapapi.getView().setCenter(ol.proj.fromLonLat([116.505348, 39.795592])); |
| | | window.mapapi.getView().setCenter(ol.proj.fromLonLat([4.606512, 2.621472])); |
| | | // window.mapapi.getView().setCenter(ol.proj.fromLonLat([116.505348, 39.795592])); |
| | | addHistoryLayer(this.currentValue); |
| | | addHistoryLW(); |
| | | if (_GLOBAL.GPSMarker) { |
| | | window.mapapi.removeLayer(_GLOBAL.GPSMarker); |
| | | } |
| | |
| | | close() { |
| | | store.setHistoryShow(false); |
| | | window.mapapi.removeLayer(this.$global.historyLayer); |
| | | window.mapapi.getView().setCenter(ol.proj.fromLonLat([116.505348, 39.795592])); |
| | | window.mapapi.removeLayer(this.$global.historyLW); |
| | | window.mapapi |
| | | .getView() |
| | | .setCenter(ol.proj.fromLonLat([116.505348, 39.795592])); |
| | | store.setNavigatorShow(true); |
| | | store.setMapToolShow(true); |
| | | }, |
| | |
| | | color: #127dff; |
| | | } |
| | | |
| | | |
| | | .active { |
| | | .listBox .active { |
| | | /* background-color: #4590d7; */ |
| | | color: #127dff; |
| | | } |