From ed0e3957b6009c368f3f9f9c20875f5aef13ff23 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=AE=B8=E5=AE=8F=E6=9D=B0?= <1943105267@qq.com> Date: Sun, 19 Jan 2025 11:39:34 +0800 Subject: [PATCH] =?UTF-8?q?=E7=BD=91=E7=BB=9C=E7=AE=A1=E7=90=86mapbox?= =?UTF-8?q?=E5=9C=B0=E5=9B=BE=E6=9B=BF=E6=8D=A2=E6=88=90=E9=AB=98=E5=BE=B7?= =?UTF-8?q?=E5=9C=B0=E5=9B=BE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .env.development | 4 +- package.json | 1 + src/main.js | 96 ++--- .../components/componentmapbox copy.vue | 391 ++++++++++++++++++ .../ecosphere/components/componentmapbox.vue | 312 ++++++-------- 5 files changed, 565 insertions(+), 239 deletions(-) create mode 100644 src/views/privateOrder/ecosphere/components/componentmapbox copy.vue diff --git a/.env.development b/.env.development index 340cfd2..d824185 100644 --- a/.env.development +++ b/.env.development @@ -5,6 +5,6 @@ ENV = 'development' VUE_APP_BASE_API = '/dashboard' # VUE_APP_BASE_API2 = 'http://39.101.188.84:9027' -VUE_APP_BASE_API2 = 'http://192.168.0.108:9035' -# VUE_APP_BASE_API2 = 'http://39.101.188.84:9035' +# VUE_APP_BASE_API2 = 'http://192.168.0.108:9035' +VUE_APP_BASE_API2 = 'http://39.101.188.84:9035' BASE_API = 'http://10.10.3.35:9070' diff --git a/package.json b/package.json index 60ceace..ffd4b0e 100644 --- a/package.json +++ b/package.json @@ -14,6 +14,7 @@ "test:ci": "npm run lint && npm run test:unit" }, "dependencies": { + "@amap/amap-jsapi-loader": "^1.0.1", "@jiaminghi/data-view": "^2.9.6", "@riophae/vue-treeselect": "^0.4.0", "@turf/turf": "^6.5.0", diff --git a/src/main.js b/src/main.js index b28666c..9afc406 100644 --- a/src/main.js +++ b/src/main.js @@ -6,73 +6,73 @@ * @LastEditTime: 2024-10-08 15:30:44 * @FilePath: \dzcBigScreenFrontPro\src\main.js */ -import Vue from 'vue' +import Vue from "vue"; -import 'normalize.css/normalize.css' // A modern alternative to CSS resets +import "normalize.css/normalize.css"; // A modern alternative to CSS resets -import ElementUI from 'element-ui' -import 'element-ui/lib/theme-chalk/index.css' -import '@/styles/index.scss' // global css -import '@/icons' // icon -import '@/permission' // permission control +import ElementUI from "element-ui"; +import "element-ui/lib/theme-chalk/index.css"; +import "@/styles/index.scss"; // global css +import "@/icons"; // icon +import "@/permission"; // permission control -import App from './App' -import store from './store' -import router from './router' +import App from "./App"; +import store from "./store"; +import router from "./router"; -import MyTable from '@/components/MyTable' -import Paginations from '@/components/Pagination' -import { filterDict } from '@/utils/common.js' -Vue.prototype.$filterDict = filterDict -Vue.component('MyTable', MyTable) -Vue.component('Paginations', Paginations) -import $ from 'jquery' -Vue.prototype.$ = $ -import drag from '@/directive/el-drag-dialog/index' -Vue.use(drag) -import moment from 'moment' -Vue.prototype.$moment = moment // 赋值使用 +import MyTable from "@/components/MyTable"; +import Paginations from "@/components/Pagination"; +import { filterDict } from "@/utils/common.js"; +Vue.prototype.$filterDict = filterDict; +Vue.component("MyTable", MyTable); +Vue.component("Paginations", Paginations); +import $ from "jquery"; +Vue.prototype.$ = $; +import drag from "@/directive/el-drag-dialog/index"; +Vue.use(drag); +import moment from "moment"; +Vue.prototype.$moment = moment; // 赋值使用 -import * as echarts from 'echarts' -Vue.prototype.$echarts = echarts +import * as echarts from "echarts"; +Vue.prototype.$echarts = echarts; // 将自动注册所有组件为全局组件 -import dataV from '@jiaminghi/data-view' +import dataV from "@jiaminghi/data-view"; -Vue.use(dataV) +Vue.use(dataV); // 全局修改默认配置，点击空白处不能关闭弹窗 -ElementUI.Dialog.props.closeOnClickModal.default = false +ElementUI.Dialog.props.closeOnClickModal.default = false; // set ElementUI lang to EN // Vue.use(ElementUI, { locale }) // 如果想要中文版 element-ui，按如下方式声明 -Vue.use(ElementUI) +Vue.use(ElementUI); -import VueAMap from '@vuemap/vue-amap'; -import '@vuemap/vue-amap/dist/style.css' +// import VueAMap from '@vuemap/vue-amap'; +// import '@vuemap/vue-amap/dist/style.css' -VueAMap.initAMapApiLoader({ - key: 'b3c7a7ce466721c3be1d4ea539f82421', // 高德key - securityJsCode: 'ec84db9c5dfc3d304ca9219e764ffeb8', // 安全密钥 -}); +// VueAMap.initAMapApiLoader({ +// key: 'b3c7a7ce466721c3be1d4ea539f82421', // 高德key +// securityJsCode: 'ec84db9c5dfc3d304ca9219e764ffeb8', // 安全密钥 +// }); -import VueAwesomeSwiper from 'vue-awesome-swiper' -import 'swiper/swiper-bundle.css' -Vue.use(VueAwesomeSwiper) -import Swiper2, { Navigation, Pagination, Autoplay } from 'swiper' -Swiper2.use([Autoplay, Navigation, Pagination]) +import VueAwesomeSwiper from "vue-awesome-swiper"; +import "swiper/swiper-bundle.css"; +Vue.use(VueAwesomeSwiper); +import Swiper2, { Navigation, Pagination, Autoplay } from "swiper"; +Swiper2.use([Autoplay, Navigation, Pagination]); -Vue.config.productionTip = false +Vue.config.productionTip = false; -Vue.config.errorHandler = function(err, vm, info) { - console.log(`Error: ${err.toString()}\nInfo: ${info}`) -} -Vue.config.warnHandler = function(msg, vm, trace) { +Vue.config.errorHandler = function (err, vm, info) { + console.log(`Error: ${err.toString()}\nInfo: ${info}`); +}; +Vue.config.warnHandler = function (msg, vm, trace) { // console.log(`Warn: ${msg}\nTrace: ${trace}`); -} +}; new Vue({ - el: '#app', + el: "#app", router, store, - render: (h) => h(App) -}) + render: (h) => h(App), +}); diff --git a/src/views/privateOrder/ecosphere/components/componentmapbox copy.vue b/src/views/privateOrder/ecosphere/components/componentmapbox copy.vue new file mode 100644 index 0000000..17ce7fa --- /dev/null +++ b/src/views/privateOrder/ecosphere/components/componentmapbox copy.vue @@ -0,0 +1,391 @@ + + + + + diff --git a/src/views/privateOrder/ecosphere/components/componentmapbox.vue b/src/views/privateOrder/ecosphere/components/componentmapbox.vue index 17ce7fa..7fa1494 100644 --- a/src/views/privateOrder/ecosphere/components/componentmapbox.vue +++ b/src/views/privateOrder/ecosphere/components/componentmapbox.vue @@ -69,17 +69,9 @@ -