批量转换百度地图经纬度为高德经纬度

效果图如下：

代码如下：
 

<template>

  <div>

    <h1>经纬度转换</h1>

    <label for="bd_coordinates">批量输入百度经纬度（一行一个，用逗号分隔）:</label>

    <textarea

      v-model="bdCoordinatesText"

      id="bd_coordinates"

      placeholder="请输入百度经纬度，如：26.035437,119.275612"

    ></textarea>

    <br />

    <button @click="convertCoordinatesBatch">批量转换</button>

    <div v-if="gdCoordinatesList.length > 0">

      <h2>转换后的高德地图经纬度</h2>

      <ul>

        <li v-for="(coordinate, index) in gdCoordinatesList" :key="index">{{ coordinate[0] }},{{ coordinate[1] }}</li>

      </ul>

    </div>

  </div>

</template>

<script>

export default {

  data() {

    return {

      bdCoordinatesText: '',

      gdCoordinatesList: []

    };

  },

  methods: {

    bd09togcj02(bd_lon, bd_lat) {

      var x = bd_lon - 0.0065;

      var y = bd_lat - 0.006;

      var z = Math.sqrt(x * x + y * y) - 0.00002 * Math.sin(y * Math.PI);

      var theta = Math.atan2(y, x) - 0.000003 * Math.cos(x * Math.PI);

      var gg_lng = z * Math.cos(theta);

      var gg_lat = z * Math.sin(theta);

      return [gg_lng, gg_lat];

    },

    convertCoordinatesBatch() {

      this.gdCoordinatesList = [];

      const lines = this.bdCoordinatesText.split('\n');

      lines.forEach((line) => {

        const [bdLatitude, bdLongitude] = line.split(',').map(Number);

        if (!isNaN(bdLatitude) && !isNaN(bdLongitude)) {

          this.gdCoordinatesList.push(this.bd09togcj02(bdLongitude, bdLatitude));

        }

      });

    }

  }

};

</script>

转换后将经纬度分别提取出来
效果图如下

 代码如下：
 

<template>

  <div>

    <h1>经纬度转换</h1>

    <label for="coordinates">批量输入经纬度（一行一个，用逗号分隔）:</label>

    <textarea

      v-model="coordinatesText"

      id="coordinates"

      placeholder="请输入经纬度，如：119.24323427683757,26.054307504285415"

    ></textarea>

    <br />

    <button @click="extractCoordinates">提取经纬度</button>

    <div v-if="longitudes.length > 0 && latitudes.length > 0">

      <h2>提取后的经纬度</h2>

      <div>

        <strong>经度：</strong>

        <ul class="scrollable-list">

          <li v-for="(longitude, index) in longitudes" :key="'lon-' + index">

            {{ longitude }}

          </li>

        </ul>

      </div>

      <div>

        <strong>纬度：</strong>

        <ul class="scrollable-list">

          <li v-for="(latitude, index) in latitudes" :key="'lat-' + index">

            {{ latitude }}

          </li>

        </ul>

      </div>

    </div>

  </div>

</template>

<script>

export default {

  data() {

    return {

      coordinatesText: '',

      longitudes: [],

      latitudes: []

    };

  },

  methods: {

    extractCoordinates() {

      this.longitudes = [];

      this.latitudes = [];

      const lines = this.coordinatesText.split('\n');

      lines.forEach((line) => {

        const [longitude, latitude] = line.split(',').map(Number);

        if (!isNaN(longitude) && !isNaN(latitude)) {

          this.longitudes.push(longitude);

          this.latitudes.push(latitude);

        }

      });

    }

  }

};

</script>

<style>

.scrollable-list {

  max-height: 300px;

  overflow-y: auto;

  border: 1px solid #ccc;

  padding: 10px;

}

</style>

样式没有写，能用就行