From 8b5ec1bb74e6ae9e0285120c2beedd4bd0bf6171 Mon Sep 17 00:00:00 2001 From: weipengfei <2187978347@qq.com> Date: Thu, 30 Nov 2023 18:36:25 +0800 Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 5 + src/App.vue | 6 +- src/assets/delivery_img/icon10.png | Bin 0 -> 4454 bytes src/assets/delivery_img/icon9.png | Bin 0 -> 11212 bytes src/assets/json/luxian.json | 4848 +--- src/assets/json/luxian2.json | 30558 ++++++++++++++++++++ src/view/delivery/components/AMap.vue | 123 +- src/view/delivery/components/AMapLeft.vue | 24 +- src/view/delivery/components/center.vue | 35 + src/view/delivery/components/right.vue | 2 +- src/view/delivery/index.vue | 9 +- src/view/index/components/centerMap.vue | 34 +- src/view/index/index.vue | 6 +- 13 files changed, 30793 insertions(+), 4857 deletions(-) create mode 100644 src/assets/delivery_img/icon10.png create mode 100644 src/assets/delivery_img/icon9.png create mode 100644 src/assets/json/luxian2.json diff --git a/index.html b/index.html index c802a80..084501c 100644 --- a/index.html +++ b/index.html @@ -10,6 +10,11 @@ font-size: 16px; } +
diff --git a/src/App.vue b/src/App.vue index 68e434a..4370fbd 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,10 +1,14 @@ diff --git a/src/assets/delivery_img/icon10.png b/src/assets/delivery_img/icon10.png new file mode 100644 index 0000000000000000000000000000000000000000..426672d59da62137440caf86539ba130a4ceb14e GIT binary patch literal 4454 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 { AMapLoader.load({ - key: "f14dcaeb4df441ab84ed0a0768f04f95", // 申请好的Web端开发者Key，首次调用 load 时必填 + key: "4f8f55618010007147aab96fc72bb408", // 申请好的Web端开发者Key，首次调用 load 时必填 version: "2.0", // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15 plugins: [], // 需要使用的的插件列表，如比例尺'AMap.Scale'等 + Loca: { + version: '2.0.0' + } }) .then((AMap) => { map = new AMap.Map("container", { // 设置地图容器id - viewMode: "2D", // 是否为3D地图模式 + viewMode: "3D", // 是否为3D地图模式 zoom: 15, // 初始化地图级别 center: [105.441866, 28.87098], // 初始化地图中心点位置 mapStyle: "amap://styles/darkblue", @@ -27,6 +30,122 @@ onMounted(() => { loading.value = false; }, 500) }); + map.setPitch(30); + + // 创建 AMap.Icon 实例： + const icon = new AMap.Icon({ + size: new AMap.Size(50, 60), // 图标尺寸 + // vue3/vite 需要用特定的本地图片引入方式，不可require引入 + image: new URL('/src/assets/delivery_img/icon10.png', import.meta.url).href, // Icon的图像 + imageSize: new AMap.Size(50, 60), // 根据所设置的大小拉伸或压缩图片 + imageOffset: new AMap.Pixel(0, 0) + }); + // 创建一个 Marker 实例： + const marker = new AMap.Marker({ + position: new AMap.LngLat(105.441866, 28.87098), // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9] + icon: icon, + offset: new AMap.Pixel(-25, -60), // 图标相对于标记点的位置偏移量 + }); + + // 将创建的点标记添加到已有的地图实例： + map.add(marker); + + // 创建 Loca 实例 + var loca = new Loca.Container({ + map: map + }); + + // 创建数据源 + var dataSource = new Loca.GeoJSONSource({ + // url: 'xxx.geojson', 或者使用 data 字段 + data: { + "type": "FeatureCollection", + "features": [ + { + "type": "Feature", + "properties": {}, + "geometry": { + "type": "LineString", + "coordinates": [ + [105.441866, 28.87098], + [105.449866, 28.87998] + ] + } + }, + { + "type": "Feature", + "properties": {}, + "geometry": { + "type": "LineString", + "coordinates": [ + [105.441866, 28.87098], + [105.440866, 28.87658] + ] + } + }, + { + "type": "Feature", + "properties": {}, + "geometry": { + "type": "LineString", + "coordinates": [ + [105.441866, 28.87098], + [105.435866, 28.87658] + ] + } + }, + { + "type": "Feature", + "properties": {}, + "geometry": { + "type": "LineString", + "coordinates": [ + [105.441866, 28.87098], + [105.43, 28.87] + ] + } + } + ] + }, + }); + + // 弧线 + var pulseLink = new Loca.PulseLinkLayer({ + // loca, + zIndex: 30, + opacity: 1, + visible: true, + zooms: [6, 22], + depth: true, + }); + + pulseLink.setSource(dataSource) + pulseLink.setStyle({ + unit: 'meter', + dash: [80, 0, 80, 0], + lineWidth: function () { + return [30, 5]; + }, + height: function (index, feat) { + return feat.distance / 3 + 10; + }, + // altitude: 1000, + smoothSteps: 30, + speed: function (index, prop) { + // return 1 + Math.random() * 200; + return 200; + }, + flowLength: 300, + lineColors: function (index, feat) { + return ['rgba(47, 194, 250, 0.20)', 'rgba(91, 219, 246, 0.70)', 'rgba(0, 156, 255, 0.20)']; + }, + maxHeightScale: 0.4, // 弧顶位置比例 + headColor: 'rgba(91, 219, 246, 1)', + trailColor: 'rgba(255, 255,0,0)', + }); + loca.add(pulseLink); + loca.animate.start(); + // 添加到地图上 }) .catch((e) => { console.log(e); diff --git a/src/view/delivery/components/AMapLeft.vue b/src/view/delivery/components/AMapLeft.vue index 81741a1..5f63460 100644 --- a/src/view/delivery/components/AMapLeft.vue +++ b/src/view/delivery/components/AMapLeft.vue @@ -8,14 +8,15 @@ const loading = ref(true); onMounted(() => { AMapLoader.load({ - key: "f14dcaeb4df441ab84ed0a0768f04f95", // 申请好的Web端开发者Key，首次调用 load 时必填 + key: "4f8f55618010007147aab96fc72bb408", // 申请好的Web端开发者Key，首次调用 load 时必填 version: "2.0", // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15 - plugins: [], // 需要使用的的插件列表，如比例尺'AMap.Scale'等 + plugins: ['AMap.ToolBar', 'AMap.Driving', 'AMap.AutoComplete'] // 需要使用的的插件列表，如比例尺'AMap.Scale'等 }) .then((AMap) => { map = new AMap.Map("container-left", { // 设置地图容器id viewMode: "2D", // 是否为3D地图模式 + version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15 zoom: 15, // 初始化地图级别 center: [105.441866, 28.87098], // 初始化地图中心点位置 mapStyle: "amap://styles/darkblue", @@ -27,6 +28,25 @@ onMounted(() => { loading.value = false; }, 500) }); + const driving = new AMap.Driving({ + map: map, + // 驾车路线规划策略，AMap.DrivingPolicy.LEAST_TIME是最快捷模式 + // eslint-disable-next-line no-undef + policy: 'panel', + isOutline: false, //描边 + showTraffic: false, //路况 + // autoFitView: false //自动调整 + }) + const points = [ + { keyword: '莲花池街道里海科技', city: '泸州' }, + { keyword: '万象汇', city: '泸州' } + ] + + driving.search(points, (status, result) => { + // 未出错时，result即是对应的路线规划方案 + console.log('status=', status) + console.log('result=', result) + }) }) .catch((e) => { console.log(e); diff --git a/src/view/delivery/components/center.vue b/src/view/delivery/components/center.vue index c46a484..9430926 100644 --- a/src/view/delivery/components/center.vue +++ b/src/view/delivery/components/center.vue @@ -2,6 +2,10 @@ import { reactive, ref } from "vue" import border from "@/components/border.vue"; import AMap from "./AMap.vue"; + +const test = () => { + console.log('ss'); +} @@ -32,5 +47,25 @@ import AMap from "./AMap.vue"; height: 100%; width: 100%; } + .btn { + position: absolute; + top: 30%; + left: 2rem; + .c-b { + cursor: pointer; + background-image: url(../../../assets/delivery_img/icon9.png); + background-size: 100% 100%; + height: 4rem; + width: 11.5rem; + margin-bottom: 1.4rem; + display: flex; + align-items: center; + .text { + margin-left: 4.5rem; + font-size: 0.8rem; + color: #fff; + } + } + } } diff --git a/src/view/delivery/components/right.vue b/src/view/delivery/components/right.vue index 4fe2daa..7852e03 100644 --- a/src/view/delivery/components/right.vue +++ b/src/view/delivery/components/right.vue @@ -55,7 +55,7 @@ onUnmounted(() => {