From 056ea576d820729878ffd62cd54cd7598e72d07e Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期二, 29 七月 2025 16:07:31 +0800 Subject: [PATCH] 新增图片超出限制,无法选中功能 --- src/components/map/baseMapUtil.js | 175 ++++++++++++++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 162 insertions(+), 13 deletions(-) diff --git a/src/components/map/baseMapUtil.js b/src/components/map/baseMapUtil.js index a152876..faa0e95 100644 --- a/src/components/map/baseMapUtil.js +++ b/src/components/map/baseMapUtil.js @@ -1,6 +1,74 @@ import { map, AMap } from './baseMap'; import { toRaw } from 'vue'; +//瀹氫箟涓�浜涘父閲� +const PI = 3.1415926535897932384626; +const a = 6378245.0; //闀垮崐杞� +const ee = 0.00669342162296594323; //鎵佺巼/*** GCJ02 杞崲涓� WGS84* @param lng* @param lat* @returns {*[]}*/ + +function transformlat(lng, lat) { + // lat = +lat lng = +lng + let ret = + -100.0 + + 2.0 * lng + + 3.0 * lat + + 0.2 * lat * lat + + 0.1 * lng * lat + + 0.2 * Math.sqrt(Math.abs(lng)); + ret += + ((20.0 * Math.sin(6.0 * lng * PI) + + 20.0 * Math.sin(2.0 * lng * PI)) * + 2.0) / + 3.0; + ret += + ((20.0 * Math.sin(lat * PI) + 40.0 * Math.sin((lat / 3.0) * PI)) * + 2.0) / + 3.0; + ret += + ((160.0 * Math.sin((lat / 12.0) * PI) + + 320 * Math.sin((lat * PI) / 30.0)) * + 2.0) / + 3.0; + return ret; +} + +function transformlng(lng, lat) { + // lat = +latlng = +lng + let ret = + 300.0 + + lng + + 2.0 * lat + + 0.1 * lng * lng + + 0.1 * lng * lat + + 0.1 * Math.sqrt(Math.abs(lng)); + ret += + ((20.0 * Math.sin(6.0 * lng * PI) + + 20.0 * Math.sin(2.0 * lng * PI)) * + 2.0) / + 3.0; + ret += + ((20.0 * Math.sin(lng * PI) + 40.0 * Math.sin((lng / 3.0) * PI)) * + 2.0) / + 3.0; + ret += + ((150.0 * Math.sin((lng / 12.0) * PI) + + 300.0 * Math.sin((lng / 30.0) * PI)) * + 2.0) / + 3.0; + return ret; +} + +/** + * 鍒ゆ柇鏄惁鍦ㄥ浗鍐咃紝涓嶅湪鍥藉唴鍒欎笉鍋氬亸绉� + * @param lng + * @param lat + * @returns {boolean} + */ +function out_of_china(lng, lat) { + // 绾害3.86~53.55,缁忓害73.66~135.05 + return !(lng > 73.66 && lng < 135.05 && lat > 3.86 && lat < 53.55); +} + export default { /** * 灏嗘暟缁勮〃绀虹殑鍧愭爣鐐癸紝杞崲涓篈Map.LngLat瀵硅薄 @@ -12,21 +80,31 @@ }); }, + addMarker(lnglat) { + const marker = new AMap.Marker({ + position: lnglat + }); + map.add(marker); + this.setCenter(lnglat); + return marker; + }, + + setCenter(lnglat) { + map.setCenter(lnglat); + }, + /** * 缂╂斁鍦板浘鍒板悎閫傜殑瑙嗛噹绾у埆 */ - setFitView(overlays, type = 0) { + setFitView(...overlays) { const _overlays = toRaw(overlays); - switch (type) { - case 0: - map.setFitView([_overlays]); - break; - case 1: - map.setFitView(_overlays); - break; - default: - map.setFitView([_overlays]); - break; + map.setFitView(_overlays, true, [60, 60, 500, 60], 14.5); + }, + + addView(overlays) { + if (overlays) { + const _overlays = toRaw(overlays); + map.add(_overlays); } }, @@ -34,8 +112,10 @@ * 绉婚櫎瑕嗙洊鐗� */ removeView(overlays) { - const _overlays = toRaw(overlays); - map.remove(_overlays); + if (overlays) { + const _overlays = toRaw(overlays); + map.remove(_overlays); + } }, /** @@ -45,4 +125,73 @@ if (map == undefined) return; map.clearMap(); }, + + /** + * 楂樺痉鍦板浘鍧愭爣杞珿PS鍧愭爣绠楁硶 + */ + gcj02towgs84(_lng, _lat) { + // lat = +latlng = +lng + const lng = parseFloat(_lng) + const lat = parseFloat(_lat) + if (out_of_china(lng, lat)) { + return [lng, lat]; + } else { + let dlat = transformlat(lng - 105.0, lat - 35.0); + let dlng = transformlng(lng - 105.0, lat - 35.0); + let radlat = (lat / 180.0) * PI; + let magic = Math.sin(radlat); + magic = 1 - ee * magic * magic; + let sqrtmagic = Math.sqrt(magic); + dlat = + (dlat * 180.0) / + (((a * (1 - ee)) / (magic * sqrtmagic)) * PI); + dlng = + (dlng * 180.0) / ((a / sqrtmagic) * Math.cos(radlat) * PI); + let mglat = + Math.round((lat * 2 - lat - dlat) * 1000000) / 1000000; + let mglng = + Math.round((lng * 2 - lng - dlng) * 1000000) / 1000000; + return [mglng, mglat]; + } + }, + /** + * WGS84 杞崲涓� GCJ02 + * @param lng + * @param lat + * @returns {*[]} + */ + wgs84togcj02(_lng, _lat) { + // lat = +latlng = +lng + const lng = parseFloat(_lng) + const lat = parseFloat(_lat) + if (out_of_china(lng, lat)) { + return [lng, lat]; + } else { + let dlat = transformlat(lng - 105.0, lat - 35.0); + let dlng = transformlng(lng - 105.0, lat - 35.0); + let radlat = (lat / 180.0) * PI; + let magic = Math.sin(radlat); + magic = 1 - ee * magic * magic; + let sqrtmagic = Math.sqrt(magic); + dlat = + (dlat * 180.0) / + (((a * (1 - ee)) / (magic * sqrtmagic)) * PI); + dlng = + (dlng * 180.0) / ((a / sqrtmagic) * Math.cos(radlat) * PI); + let mglat = Math.round((lat + dlat) * 1000000) / 1000000; + let mglng = Math.round((lng + dlng) * 1000000) / 1000000; + return [mglng, mglat]; + } + }, + gpsConvert(gps) { + return new Promise((resolve) => { + // 鍙傛暟璇存槑锛氶渶瑕佽浆鎹㈢殑鍧愭爣锛岄渶瑕佽浆鎹㈢殑鍧愭爣绫诲瀷锛岃浆鎹㈡垚鍔熷悗鐨勫洖璋冨嚱鏁� + AMap.convertFrom(gps, 'baidu', function (status, result) { + if (result.info === 'ok') { + var lnglats = result.locations; // 杞崲鍚庣殑楂樺痉鍧愭爣 Array.<LngLat> + resolve(lnglats[0]); + } + }); + }); + } }; -- Gitblit v1.9.3