| | |
|---|
| | | };
|
|---|
| | | },
|
|---|
| | | methods: {
|
|---|
| | | outOfChina(lng, lat) {
|
|---|
| | | return (lng < 72.004 || lng > 137.8347) || (lat < 0.8293 || lat > 55.8271);
|
|---|
| | | },
|
|---|
| | | |
|---|
| | | // 纬度转换函数
|
|---|
| | | transformLat(x, y) {
|
|---|
| | | let ret = -100.0 + 2.0 * x + 3.0 * y + 0.2 * y * y + 0.1 * x * y + 0.2 * Math.sqrt(Math.abs(x));
|
|---|
| | | ret += (20.0 * Math.sin(6.0 * x * Math.PI) + 20.0 * Math.sin(2.0 * x * Math.PI)) * 2.0 / 3.0;
|
|---|
| | | ret += (20.0 * Math.sin(y * Math.PI) + 40.0 * Math.sin(y / 3.0 * Math.PI)) * 2.0 / 3.0;
|
|---|
| | | ret += (160.0 * Math.sin(y / 12.0 * Math.PI) + 320 * Math.sin(y * Math.PI / 30.0)) * 2.0 / 3.0;
|
|---|
| | | return ret;
|
|---|
| | | },
|
|---|
| | | |
|---|
| | | // 经度转换函数
|
|---|
| | | transformLon(x, y) {
|
|---|
| | | let ret = 300.0 + x + 2.0 * y + 0.1 * x * x + 0.1 * x * y + 0.1 * Math.sqrt(Math.abs(x));
|
|---|
| | | ret += (20.0 * Math.sin(6.0 * x * Math.PI) + 20.0 * Math.sin(2.0 * x * Math.PI)) * 2.0 / 3.0;
|
|---|
| | | ret += (20.0 * Math.sin(x * Math.PI) + 40.0 * Math.sin(x / 3.0 * Math.PI)) * 2.0 / 3.0;
|
|---|
| | | ret += (150.0 * Math.sin(x / 12.0 * Math.PI) + 300.0 * Math.sin(x / 30.0 * Math.PI)) * 2.0 / 3.0;
|
|---|
| | | return ret;
|
|---|
| | | },
|
|---|
| | | |
|---|
| | | // WGS - 84 转 GCJ - 02
|
|---|
| | | wgs84ToGcj02(lng, lat) {
|
|---|
| | | if (this.outOfChina(lng, lat)) {
|
|---|
| | | return [lng, lat];
|
|---|
| | | }
|
|---|
| | | let dLat = this.transformLat(lng - 105.0, lat - 35.0);
|
|---|
| | | let dLng = this.transformLon(lng - 105.0, lat - 35.0);
|
|---|
| | | let radLat = lat / 180.0 * Math.PI;
|
|---|
| | | let magic = Math.sin(radLat);
|
|---|
| | | magic = 1 - 0.00669342162296594323 * magic * magic;
|
|---|
| | | let sqrtMagic = Math.sqrt(magic);
|
|---|
| | | dLat = (dLat * 180.0) / ((6378245.0 / (1 - magic)) * Math.cos(radLat) * Math.PI);
|
|---|
| | | dLng = (dLng * 180.0) / (6378245.0 / sqrtMagic * Math.cos(radLat) * Math.PI);
|
|---|
| | | let mgLat = lat + dLat;
|
|---|
| | | let mgLng = lng + dLng;
|
|---|
| | | return [mgLng, mgLat];
|
|---|
| | | },
|
|---|
| | | |
|---|
| | | // GCJ - 02 转 BD - 09
|
|---|
| | | gcj02ToBd09(lng, lat) {
|
|---|
| | | let x = lng;
|
|---|
| | | let y = lat;
|
|---|
| | | let z = Math.sqrt(x * x + y * y) + 0.00002 * Math.sin(y * 3000.0 * Math.PI / 180.0);
|
|---|
| | | let theta = Math.atan2(y, x) + 0.000003 * Math.cos(x * 3000.0 * Math.PI / 180.0);
|
|---|
| | | let bdLng = z * Math.cos(theta) + 0.0065;
|
|---|
| | | let bdLat = z * Math.sin(theta) + 0.006;
|
|---|
| | | return [bdLng, bdLat];
|
|---|
| | | },
|
|---|
| | | clearMarkers() {
|
|---|
| | | // 清除所有标点
|
|---|
| | | this.markers.forEach((marker) => {
|
|---|
| | |
|---|
| | | // uni.getLocation({
|
|---|
| | | // type: 'wgs84',
|
|---|
| | | // success: (res) => {
|
|---|
| | | // 判断是否在中国境外
|
|---|
| | | |
|---|
| | |
|
|---|
| | | navigator.geolocation.getCurrentPosition(success, error, options);
|
|---|
| | |
|
|---|
| | | function success(position) {
|
|---|
| | | const latitude = position.coords.latitude;
|
|---|
| | | const longitude = position.coords.longitude;
|
|---|
| | | let arr = that.wgs84ToGcj02(longitude, latitude);
|
|---|
| | | |
|---|
| | | // 转换为 BD - 09
|
|---|
| | | let arrs = that.gcj02ToBd09(arr[0], arr[1]);
|
|---|
| | | |
|---|
| | | const accuracy = position.coords.accuracy; // 精度，单位米
|
|---|
| | | // 在这里可以使用获取到的经纬度信息，例如在地图上显示位置等。
|
|---|
| | | var point = new BMapGL.Point(longitude, latitude); // 创建点坐标
|
|---|
| | | var point = new BMapGL.Point(arrs[0], arrs[1]); // 创建点坐标
|
|---|
| | | that.map.enableScrollWheelZoom(true);
|
|---|
| | | that.map.centerAndZoom(point, 12);
|
|---|
| | | var marker = new BMapGL.Marker(point);
|
|---|
| | |
|---|
| | | that.markers.push(marker);
|
|---|
| | | var myGeo = new BMapGL.Geocoder();
|
|---|
| | | // 根据坐标得到地址描述
|
|---|
| | | myGeo.getLocation(new BMapGL.Point(longitude, latitude), (result) => {
|
|---|
| | | that.city = result.addressComponents.city
|
|---|
| | | myGeo.getLocation(new BMapGL.Point(arrs[0], arrs[1]), (result) => {
|
|---|
| | | that.locationList = result.surroundingPois.map((item, index) => {
|
|---|
| | | item.id = index + 1
|
|---|
| | | return item
|
|---|
| | |
|---|
| | | item.id = index + 1
|
|---|
| | | return item
|
|---|
| | | })
|
|---|
| | | }else{
|
|---|
| | | this.locationList =[{
|
|---|
| | | id:1,
|
|---|
| | | title:result.address,
|
|---|
| | | point:{lat:e.latlng.lat,lng:e.latlng.lng}
|
|---|
| | | } else {
|
|---|
| | | this.locationList = [{
|
|---|
| | | id: 1,
|
|---|
| | | title: result.address,
|
|---|
| | | point: {
|
|---|
| | | lat: e.latlng.lat,
|
|---|
| | | lng: e.latlng.lng
|
|---|
| | | }
|
|---|
| | | }]
|
|---|
| | | }
|
|---|
| | | |
|---|
| | |
|
|---|
| | | })
|
|---|
| | | var marker = new BMapGL.Marker(point);
|
|---|
| | | this.map.addOverlay(marker);
|
|---|
