uniapp 整合 OpenLayers - 加载百度地图

代码如下: 

<template>
	<!-- 监听变量 operation 的变化,operation 发生改变时,调用 openlayers 模块的 loadOperation 方法 -->
	<view :operation="valueChangeSign" :change:operation="ol.valueChange" type="default"></view>
	<view class="map" id="map">
		<view class="bottom-horizontal-button">
			<button @click="location()" class="btn" type="primary">定位</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				valueChangeSign:{
					flag:false,
					latitude:null,//纬度
					longitude:null//经度
				},
			}
		},
		onLoad() {

		},
		methods: {
			/**
			 * 点击事件-定位
			 * */
			 location(){
				 
				// 获取经纬度
				uni.getLocation({
					type: 'wgs84 ',
					success: (res) => {
						//console.log("res",res)
						this.valueChangeSign.flag = !this.valueChangeSign.flag;
						this.valueChangeSign.latitude = res.latitude//接收纬度值
						this.valueChangeSign.longitude = res.longitude//接收经度值
					}
				});  
				
			 },
		}
	}
</script>
<script module="ol" lang="renderjs" type="module">
import Map from 'ol/Map';
import View from 'ol/View';
import TileLayer from 'ol/layer/Tile.js'// OpenLayers的瓦片图层类   
import { ScaleLine, defaults as defaultControls, MousePosition } from 'ol/control.js'// OpenLayers的控件类,包括默认的控件集合和特定的全屏、鼠标位置、比例尺控件
import {addCoordinateTransforms, addProjection, Projection, transform} from 'ol/proj.js'
import Feature from 'ol/Feature.js'  
import Point from 'ol/geom/Point.js' 
import { Vector as VectorLayer } from 'ol/layer.js'  // OpenLayers的矢量图层类,用于显示矢量数据        
import { Vector as VectorSource } from 'ol/source.js'
import { Circle as CircleStyle, Style, Stroke, Fill, Icon } from "ol/style.js"
import TileGrid from 'ol/tilegrid/TileGrid.js';
import TileImage from 'ol/source/TileImage.js';
import { lngLatToMercator, mercatorToLngLat } from "../../utils/bd09.js"
// 坐标系转换
import { wgs84_to_bd09 } from "../../utils/bd_coordinate_transformation.js"

	export default {
		data(){
			return {
				map:null,
				view:null,
				locationLayer:null,// 定位点图层
			}
		},
		mounted(){
			this.initMap();
		},
		methods:{
			/**
			 * @param {*} newValue 新的值或状态
			 * @param {*} oldValue 旧的值或状态
			 * @param {*} ownerInstance 拥有该数据或组件的实例
			 * @param {*} instance 当前操作的具体实例
			 */
			valueChange(newValue, oldValue, ownerInstance, instance){
				console.log(newValue, oldValue, ownerInstance, instance);
				
				const olLongitude = newValue.longitude;//当前位置的经度
				const olLatitude = newValue.latitude;//当前位置的纬度
// 
				// 调用定位按钮
				this.bdLocation(olLongitude,olLatitude);
			},
			initMap(){
				/*定义百度投影,这是实现无偏移加载百度地图离线瓦片核心所在。
				网上很多相关资料在用OpenLayers加载百度地图离线瓦片时都认为投影就是EPSG:3857(也就是Web墨卡托投影)。
				事实上这是错误的,因此无法做到无偏移加载。
				百度地图有自己独特的投影体系,必须在OpenLayers中自定义百度投影,才能实现无偏移加载。
				百度投影实现的核心文件为bd09.js,在迈高图官网可以找到查看这个文件。*/
				  let projBD09 = new Projection({
					code: 'BD:09',
					extent: [-20037726.37, -11708041.66, 20037726.37, 12474104.17],
					units: 'm',
					axisOrientation: 'neu',
					global: false
				  });
				 
				  addProjection(projBD09);
				  addCoordinateTransforms("EPSG:4326", "BD:09",
						function (coordinate) {
							// eslint-disable-next-line no-undef
							return lngLatToMercator(coordinate);
					  },
						function (coordinate) {
							// eslint-disable-next-line no-undef
							return mercatorToLngLat(coordinate);
					  }
				  );
				
				 /********************/
				  // 自定义分辨率和瓦片坐标系
				  const resolutions = [];
				  const maxZoom = 18;
				 
				  // 计算百度使用的分辨率
				  for(var i=0; i<=maxZoom; i++){
					  resolutions[i] = Math.pow(2, maxZoom-i);
				  }
				  
				  const tilegrid  = new TileGrid({
					  origin: [0,0],    // 设置原点坐标
					  resolutions: resolutions    // 设置分辨率
				  });
				  
				// 百度地图数据源
				const baiduSource = new TileImage({
				  projection: 'BD:09',   
				  tileGrid: tilegrid,
				  //wrapX: true,//允许左右无限移动
				  tileUrlFunction: function(tileCoord, pixelRatio, proj){
					  if(!tileCoord){
						  return "";
					  }
					  var z = tileCoord[0];
					  var x = tileCoord[1];
					  // 注意,在openlayer3中由于载地图的方式是右上递增
					  // let y: number | string = tileCoord[2];
					  // 而openlayer6中是右下递增,所以y的值需要注意
					  // 6版本需要取负值,同时注意要减一,否则缩放有问题
					  // let y: number | string = -tileCoord[2] - 1;
					  var y = -tileCoord[2]-1;// ol6需要此处减1,否则缩放又偏移
			 
					  // 百度瓦片服务url将负数使用M前缀来标识
					  if(x<0){
						  x = 'M' + (-x);
					  }
					  if(y<0){
						  y = 'M' + (-y);
					  }
					  
					  // online3的3是用来分流的,还可以是其他路径
					  // udt应该表示的是地图发布日期。p表示地图上的信息,scaler表示缩放
					  // 0表示不显示地名等标注信息,只单纯的地图地图,1表示显示地名信息
					  // return `http://online3.map.bdimg.com/onlinelabel/?qt=tile&x=${x}&y=${y}&z=${z}&styles=pl&udt=20220426&scaler=2&p=1`;//20190426
					  return "https://maponline3.bdimg.com/tile/?qt=vtile&x=" + x + "&y=" + y + "&z=" + z + "&styles=pl&udt=20151021&scaler=1&p=1";
				  }
				});
				
				const baiduLayer = new TileLayer({
					source:baiduSource
				})
				
				
				this.map = new Map({
				  target: 'map',
				  layers: [baiduLayer],
				  view: new View({
					projection:'BD:09',
					center: transform([125.33,43.90], 'EPSG:4326', 'BD:09'),
				    zoom: 10,
				    minZoom: 0,// 最小缩放级别
				    maxZoom: 18, //最大缩放级别
				    constrainResolution: true,// 因为存在非整数的缩放级别,所以设置该参数为true来让每次缩放结束后自动缩放到距离最近的一个整数级别,这个必须要设置,当缩放在非整数级别时地图会糊
					enableRotation: false,// 禁止地图旋转
				  }),
				  controls:defaultControls({
					  zoom:false,//不显示放大放小按钮
					  rotate:false,// 不显示指北针控件
					  attribution:false//不显示右下角的地图信息控件
				  }).extend([
					// 比例尺
					new ScaleLine({
						//设置比例尺单位,degrees、imperial、us、nautical、metric(度量单位)
						units: "metric"
					})
				  ])
				})
				
			},
			bdLocation(longitude,latitude){// 百度地图定位
				//转成百度坐标系
				const logLatPoint = wgs84_to_bd09(longitude,latitude);
				const geom = transform([logLatPoint[0],logLatPoint[1]], 'EPSG:4326', 'BD:09');
				
				// 设置中心点定位-直接定位
				//this.map.getView().setCenter(geom);
				// 设置层级
				//this.map.getView().setZoom(18);
				
				// 设置中心点-过渡动画
				this.map.getView().animate({
					center:geom,// 中心点
					zoom:18,// 层级
					duration:1000// 持续时间
				});
				
				// 绘制点
				const locationPoint = new Point(geom);
				// 清除绘制点图层
				this.map.removeLayer(this.locationLayer); 
				
				// 绘制定位点
				// 设置点特征(Feature)
				const pointFeature = new Feature({
					title:"point",
					geometry:locationPoint
				});
				
				// 设置特征样式(style)
				pointFeature.setStyle(
					new Style({
						 // 使用 CircleStyle 创建一个圆形的点
						 image:new CircleStyle({
							 // 点样式
							 fill:new Fill({
								 //color:"red",// 颜色
								 color: 'rgba(255,0,0,0.4)',
							 }),
							 // 点周边样式
							 stroke:new Stroke({
								color: '#3399CC',
								width: 1.25, 
							 }),
							 radius:7,// 半径
						 }),
					})
				);
				// 创建和添加特征到源(Source)
				// VectorSource表示一个矢量要素源,它用于存储和显示地理数据。
				const source = new VectorSource();
				source.addFeature(pointFeature);
				// 创建图层并设置源(Layer)
				// VectorLayer表示一个矢量图层,它由一系列矢量要素(Feature)组成,用于在地图上显示地理数据。
				this.locationLayer = new VectorLayer();
				this.locationLayer.setSource(source);
				this.map.addLayer(this.locationLayer);
			},
			
			
		}
		
	}

</script>

<style scoped lang="scss">
	/*去除顶部导航栏*/
	*{margin:0;padding:0}
	.map{
	  width:100vw;
	  height: 100vh;
	  position: relative;
	  z-index: 1;
	}
	
	.bottom-horizontal-button{
		  position: absolute;
		  bottom: 0;
		  right: 0;
		  margin-bottom: 30rpx;
		  width: 80rpx;
		  z-index: 10;
		.btn {
			width: auto;
			height: auto;
			margin: 5px; /* 按钮间距 */
			padding: 10px; /* 按钮内部填充 */
			width: 80%; /* 按钮宽度 */
			text-align: center; /* 按钮文字居中 */
		 }
	}
</style>

bd09.js:

var MCBAND = [12890594.86, 8362377.87, 5591021, 3481989.83,
    1678043.12, 0
];
var LLBAND = [75, 60, 45, 30, 15, 0];
var MC2LL = [
    [1.410526172116255e-8, 0.00000898305509648872, -1.9939833816331, 200.9824383106796, -187.2403703815547, 91.6087516669843, -23.38765649603339, 2.57121317296198, -0.03801003308653, 17337981.2],
    [-7.435856389565537e-9, 0.000008983055097726239, -0.78625201886289, 96.32687599759846, -1.85204757529826, -59.36935905485877,
        47.40033549296737, -16.50741931063887,
        2.28786674699375, 10260144.86
    ],
    [-3.030883460898826e-8, 0.00000898305509983578,
        0.30071316287616, 59.74293618442277,
        7.357984074871, -25.38371002664745,
        13.45380521110908, -3.29883767235584,
        0.32710905363475, 6856817.37
    ],
    [-1.981981304930552e-8, 0.000008983055099779535,
        0.03278182852591, 40.31678527705744,
        0.65659298677277, -4.44255534477492,
        0.85341911805263, 0.12923347998204, -0.04625736007561, 4482777.06
    ],
    [3.09191371068437e-9, 0.000008983055096812155,
        0.00006995724062, 23.10934304144901, -0.00023663490511, -0.6321817810242, -0.00663494467273, 0.03430082397953, -0.00466043876332, 2555164.4
    ],
    [2.890871144776878e-9, 0.000008983055095805407, -3.068298e-8, 7.47137025468032, -0.00000353937994, -0.02145144861037, -0.00001234426596, 0.00010322952773, -0.00000323890364, 826088.5]
];
 
var LL2MC = [
    [-0.0015702102444, 111320.7020616939,
        1704480524535203, -10338987376042340,
        26112667856603880, -35149669176653700,
        26595700718403920, -10725012454188240,
        1800819912950474, 82.5
    ],
    [0.0008277824516172526, 111320.7020463578,
        647795574.6671607, -4082003173.641316,
        10774905663.51142, -15171875531.51559,
        12053065338.62167, -5124939663.577472,
        913311935.9512032, 67.5
    ],
    [0.00337398766765, 111320.7020202162,
        4481351.045890365, -23393751.19931662,
        79682215.47186455, -115964993.2797253,
        97236711.15602145, -43661946.33752821,
        8477230.501135234, 52.5
    ],
    [0.00220636496208, 111320.7020209128,
        51751.86112841131, 3796837.749470245,
        992013.7397791013, -1221952.21711287,
        1340652.697009075, -620943.6990984312,
        144416.9293806241, 37.5
    ],
    [-0.0003441963504368392, 111320.7020576856,
        278.2353980772752, 2485758.690035394,
        6070.750963243378, 54821.18345352118,
        9540.606633304236, -2710.55326746645,
        1405.483844121726, 22.5
    ],
    [-0.0003218135878613132, 111320.7020701615,
        0.00369383431289, 823725.6402795718,
        0.46104986909093, 2351.343141331292,
        1.58060784298199, 8.77738589078284,
        0.37238884252424, 7.45
    ]
];
 
// eslint-disable-next-line no-unused-vars
export function lngLatToMercator(T) {
    var c = new cd(T[0], T[1]);
    var r = convertLL2MC(c);
    return [r.lng, r.lat];
}
 
// eslint-disable-next-line no-unused-vars
export function mercatorToLngLat(T) {
    var c = new cd(T[0], T[1]);
    var r = convertMC2LL(c);
    return [r.lng, r.lat];
}
 
function convertLL2MC(T) {
    var cL, cN;
    T.lng = getLoop(T.lng, -180, 180);
    T.lat = getRange(T.lat, -74, 74);
    cL = new cd(T.lng, T.lat);
    for(var cM = 0; cM < LLBAND.length; cM++) {
        if(cL.lat >= LLBAND[cM]) {
            cN = LL2MC[cM];
            break
        }
    }
    if(!cN) {
        for(var cM = LLBAND.length - 1; cM >= 0; cM--) {
            if(cL.lat <= -LLBAND[cM]) {
                cN = LL2MC[cM];
                break
            }
        }
    }
    var cO = convertor(T, cN);
    var T = new cd(cO.lng.toFixed(2), cO.lat.toFixed(2));
    return T
}
 
function convertMC2LL(cL) {
    var cM, cO;
    cM = new cd(Math.abs(cL.lng), Math.abs(cL.lat));
    for(var cN = 0; cN < MCBAND.length; cN++) {
        if(cM.lat >= MCBAND[cN]) {
            cO = MC2LL[cN];
            break
        }
    }
    var T = convertor(cL, cO);
    var cL = new cd(T.lng.toFixed(6), T.lat.toFixed(6));
    return cL
}
 
function getRange(cM, cL, T) {
    if(cL != null) {
        cM = Math.max(cM, cL)
    }
    if(T != null) {
        cM = Math.min(cM, T)
    }
    return cM
}
 
function getLoop(cM, cL, T) {
    while(cM > T) {
        cM -= T - cL
    }
    while(cM < cL) {
        cM += T - cL
    }
    return cM
}
 
function convertor(cM, cN) {
    if(!cM || !cN) {
        return
    }
    var T = cN[0] + cN[1] * Math.abs(cM.lng);
    var cL = Math.abs(cM.lat) / cN[9];
    var cO = cN[2] + cN[3] * cL + cN[4] * cL * cL + cN[5] * cL *
        cL * cL + cN[6] * cL * cL * cL * cL + cN[7] * cL *
        cL * cL * cL * cL + cN[8] * cL * cL * cL * cL *
        cL * cL;
    T *= (cM.lng < 0 ? -1 : 1);
    cO *= (cM.lat < 0 ? -1 : 1);
    return new cd(T, cO)
}
 
function cd(T, cL) {
    if(isNaN(T)) {
        T = bV(T);
        T = isNaN(T) ? 0 : T
    }
    if(b3(T)) {
        T = parseFloat(T)
    }
    if(isNaN(cL)) {
        cL = bV(cL);
        cL = isNaN(cL) ? 0 : cL
    }
    if(b3(cL)) {
        cL = parseFloat(cL)
    }
    this.lng = T;
    this.lat = cL
}
cd.isInRange = function(T) {
    return T && T.lng <= 180 && T.lng >= -180 && T.lat <= 74 &&
        T.lat >= -74
};
cd.prototype.equals = function(T) {
    return T && lat == T.lat && lng == T.lng
};
 
function bV(cN) {
    var cL = "";
    var cU, cS, cQ = "";
    var cT, cR, cP, cO = "";
    var cM = 0;
    var T = /[^A-Za-z0-9\+\/\=]/g;
    if(!cN || T.exec(cN)) {
        return cN
    }
    cN = cN.replace(/[^A-Za-z0-9\+\/\=]/g, "");
    do {
        cT = cf.indexOf(cN.charAt(cM++));
        cR = cf.indexOf(cN.charAt(cM++));
        cP = cf.indexOf(cN.charAt(cM++));
        cO = cf.indexOf(cN.charAt(cM++));
        cU = (cT << 2) | (cR >> 4);
        cS = ((cR & 15) << 4) | (cP >> 2);
        cQ = ((cP & 3) << 6) | cO;
        cL = cL + String.fromCharCode(cU);
        if(cP != 64) {
            cL = cL + String.fromCharCode(cS)
        }
        if(cO != 64) {
            cL = cL + String.fromCharCode(cQ)
        }
        cU = cS = cQ = "";
        cT = cR = cP = cO = ""
    } while (cM < cN.length);
    return cL
}
 
function b3(T) {
    return typeof T == "string"
}

参考:openlayers6 解决调用百度地图之瓦片偏移、坐标偏移、无限拖动裂缝偏移问题_openlayers百度地图偏移-优快云博客 

coordinate_transformation.js:

//wgs84_to_gcj02.js文件

//地标 转 国测 常量
var x_PI = (3.14159265358979324 * 3000.0) / 180.0;
var PI = 3.1415926535897932384626;
var a = 6378245.0; //卫星椭球坐标投影到平面地图坐标系的投影因子。  
var ee = 0.00669342162296594323; //椭球的偏心率。
var EARTHRADIUS = 6370996.81;
var MCBAND = [12890594.86, 8362377.87, 5591021, 3481989.83, 1678043.12, 0];
var LLBAND = [75, 60, 45, 30, 15, 0];
var MC2LL = [[1.410526172116255e-8, 0.00000898305509648872, -1.9939833816331, 200.9824383106796, -187.2403703815547, 91.6087516669843, -23.38765649603339, 2.57121317296198, -0.03801003308653, 17337981.2], [-7.435856389565537e-9, 0.000008983055097726239, -0.78625201886289, 96.32687599759846, -1.85204757529826, -59.36935905485877, 47.40033549296737, -16.50741931063887, 2.28786674699375, 10260144.86], [-3.030883460898826e-8, 0.00000898305509983578, 0.30071316287616, 59.74293618442277, 7.357984074871, -25.38371002664745, 13.45380521110908, -3.29883767235584, 0.32710905363475, 6856817.37], [-1.981981304930552e-8, 0.000008983055099779535, 0.03278182852591, 40.31678527705744, 0.65659298677277, -4.44255534477492, 0.85341911805263, 0.12923347998204, -0.04625736007561, 4482777.06], [3.09191371068437e-9, 0.000008983055096812155, 0.00006995724062, 23.10934304144901, -0.00023663490511, -0.6321817810242, -0.00663494467273, 0.03430082397953, -0.00466043876332, 2555164.4], [2.890871144776878e-9, 0.000008983055095805407, -3.068298e-8, 7.47137025468032, -0.00000353937994, -0.02145144861037, -0.00001234426596, 0.00010322952773, -0.00000323890364, 826088.5]];
var LL2MC = [[-0.0015702102444, 111320.7020616939, 1704480524535203, -10338987376042340, 26112667856603880, -35149669176653700, 26595700718403920, -10725012454188240, 1800819912950474, 82.5], [0.0008277824516172526, 111320.7020463578, 647795574.6671607, -4082003173.641316, 10774905663.51142, -15171875531.51559, 12053065338.62167, -5124939663.577472, 913311935.9512032, 67.5], [0.00337398766765, 111320.7020202162, 4481351.045890365, -23393751.19931662, 79682215.47186455, -115964993.2797253, 97236711.15602145, -43661946.33752821, 8477230.501135234, 52.5], [0.00220636496208, 111320.7020209128, 51751.86112841131, 3796837.749470245, 992013.7397791013, -1221952.21711287, 1340652.697009075, -620943.6990984312, 144416.9293806241, 37.5], [-0.0003441963504368392, 111320.7020576856, 278.2353980772752, 2485758.690035394, 6070.750963243378, 54821.18345352118, 9540.606633304236, -2710.55326746645, 1405.483844121726, 22.5], [-0.0003218135878613132, 111320.7020701615, 0.00369383431289, 823725.6402795718, 0.46104986909093, 2351.343141331292, 1.58060784298199, 8.77738589078284, 0.37238884252424, 7.45]];
    


//判断是否在国内,在中国国内的经纬度才需要做偏移
function out_of_china(lng, lat) {
	return (
		lng < 72.004 ||
		lng > 137.8347 ||
		(lat < 0.8293 || lat > 55.8271 || false)
	);
}

//转化经度
function transformlng(lng, lat) {
	var 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;
}

//转化纬度
function transformlat(lng, lat) {
	var 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 getLoop(lng, min, max){
	while (lng > max) {
	    lng -= max - min;
	}
	while (lng < min) {
	    lng += max - min;
	}
	return lng;
}

function getRange(lat, min, max) {
	if (min != null) {
		lat = Math.max(lat, min);
	}
	if (max != null) {
		lat = Math.min(lat, max);
	}
	return lat;
}

//wgs84 to gcj02   地球坐标系 转 火星坐标系
export function wgs84_to_gcj02(lng, lat) {
	if (out_of_china(lng, lat)) {
		return [lng, lat];
	} else {
		var dlat = transformlat(lng - 105.0, lat - 35.0);
		var dlng = transformlng(lng - 105.0, lat - 35.0);
		var radlat = (lat / 180.0) * PI;
		var magic = Math.sin(radlat);
		magic = 1 - ee * magic * magic;
		var sqrtmagic = Math.sqrt(magic);
		dlat =
			(dlat * 180.0) /
			(((a * (1 - ee)) / (magic * sqrtmagic)) * PI);
		dlng =
			(dlng * 180.0) / ((a / sqrtmagic) * Math.cos(radlat) * PI);
		var mglat = lat + dlat;
		var mglng = lng + dlng;

		return [mglng, mglat];
	}
}


//gcj02 to wgs84  火星坐标系 转 地球坐标系
export function gcj02_to_wgs84(lng, lat) {
	if (out_of_china(lng, lat)) {
		return [lng, lat]
	} else {
		var dlat = transformlat(lng - 105.0, lat - 35.0);
		var dlng = transformlng(lng - 105.0, lat - 35.0);
		var radlat = lat / 180.0 * PI;
		var magic = Math.sin(radlat);
		magic = 1 - ee * magic * magic;
		var sqrtmagic = Math.sqrt(magic);
		dlat = (dlat * 180.0) / ((a * (1 - ee)) / (magic * sqrtmagic) * PI);
		dlng = (dlng * 180.0) / (a / sqrtmagic * Math.cos(radlat) * PI);
		mglat = lat + dlat;
		mglng = lng + dlng;
		return [lng * 2 - mglng, lat * 2 - mglat]
	}
}

// wgs84 to bd09 地球坐标系转百度09坐标系
export function wgs84_to_bd09(lng, lat){
	//先由经纬转火星
	var arr = wgs84_to_gcj02(lng,lat);
	
	//再将火星转百度
	arr = gcj02_to_bd09(arr[0], arr[1]);
	
	return arr;
}

// 火星坐标系gcj02 to 百度坐标系bd09
// 例如 - 谷歌、高德 转 百度
 export function gcj02_to_bd09(lng, lat){
	 var z = Math.sqrt(lng * lng + lat * lat) + 0.00002 * Math.sin(lat * x_PI);
	 var theta = Math.atan2(lat, lng) + 0.000003 * Math.cos(lng * x_PI);
	 var bd_lng = z * Math.cos(theta) + 0.0065;
	 var bd_lat = z * Math.sin(theta) + 0.006;
	 return [bd_lng, bd_lat];
 }
 
//百度经纬度转百度墨卡托
export function bd_to_bdmkt(lng, lat){
	var cF = null;
	lng = getLoop(lng, -180, 180);
	lat = getRange(lat, -74, 74);
	for (var i = 0; i < LLBAND.length; i++) {
	    if (lat >= LLBAND[i]) {
	        cF = LL2MC[i];
	        break;
	    }
	}
	if (cF != null) {
	    for (var i = LLBAND.length - 1; i >= 0; i--) {
	        if (lat <= -LLBAND[i]) {
	            cF = LL2MC[i];
	            break;
	        }
	    }
	} 
	lng = cF[0] + cF[1] * Math.abs(lng);
	var cC = Math.abs(lat) / cF[9];
	lat = cF[2] + cF[3] * cC + cF[4] * cC * cC + cF[5] * cC * cC * cC + cF[6] * cC * cC * cC * cC + cF[7] * cC * cC * cC * cC * cC + cF[8] * cC * cC * cC * cC * cC * cC;
	lng *= (lng < 0 ? -1 : 1);
	lat *= (lat < 0 ? -1 : 1);
	return [lng, lat];
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值