新增图片超出限制，无法选中功能

riku

2025-07-29 056ea576d820729878ffd62cd54cd7598e72d07e

 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 {
  /**
   * 将数组表示的坐标点，转换为AMap.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();
  },

  /**
   * 高德地图坐标转GPS坐标算法
   */
  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]);
        }
      });
    });
  }
};