From 63ad2c3598400370dd7da5534659fd7e768a0a4a Mon Sep 17 00:00:00 2001
From: zengh <123456>
Date: Mon, 16 May 2022 17:29:46 +0800
Subject: [PATCH] 地址替换
---
public/loginMap/js/vueMain.js | 72 +++++++++++++++++++----------------
1 files changed, 39 insertions(+), 33 deletions(-)
diff --git a/public/loginMap/js/vueMain.js b/public/loginMap/js/vueMain.js
index 61f8ae8..eafeed7 100644
--- a/public/loginMap/js/vueMain.js
+++ b/public/loginMap/js/vueMain.js
@@ -45,7 +45,6 @@
//url解码
this.getdata = this.getQueryVariable('data') || data
- console.log(this.getdata, 456)
this.map = this.beginMap(this.map, this.getdata) //创建并接受map
this.map.invalidateSize(true) //应用地图高度
},
@@ -62,7 +61,7 @@
beginMap (map, data) {
var that = this,
center = [data[0].wd, data[0].jd],
- url = `http://223.82.109.183:2082/api/alarm/alarm/APP-getAlarm?id=${data[0].id}`
+ url = `http://61.131.136.25:2082/api/alarm/alarm/APP-getAlarm?id=${data[0].id}`
// url = `http://localhost:89/alarm/alarm/APP-getAlarm?id=${data[0].id}`;
this.nowPosition = center
@@ -111,61 +110,68 @@
getLocationData () {
var that = this
var geolocation = new qq.maps.Geolocation("T7RBZ-62U3X-RSQ4P-ZZVCB-WE7JT-HRBOG", "mapqq")
- var positionNum = 0
- var options = {
- timeout: 8000
- }
+ var options = {
+ timeout: 8000 //延时
+ }
+ var geocoder
+ var latLng
+ // 定位成功之后调用的方法
function showPosition (position) {
that.regionName = position.district || position.city
- console.log(position)
-
- var adCode = position.adCode //邮政编码
- var nation = position.nation //中国
- var city = position.city //城市
- var addr = position.addr //详细地址
that.lat = position.lat //
- that.lng = position.lng //火星坐标 //TODO 实现业务代码逻辑
+ that.lng = position.lng //火星坐标 //TODO 实现业务代码逻辑
- if (that.LXdhStart != null) {
- that.map.removeLayer(that.LXdhStart)
- }
+ // 逆地址解析(经纬度到地名转换过程)
+ geocoder = new qq.maps.Geocoder({
+ complete: function (res) {
+ if (that.LXdhStart != null) {
+ that.map.removeLayer(that.LXdhStart)
+ }
- //绘制起点和终点
- that.LXdhStart = L.markerClusterGroup()
+ //绘制起点和终点
+ that.LXdhStart = L.markerClusterGroup()
- var transportIcon = L.Icon.extend({ //图标初始化
- options: {
- iconSize: [50, 50], // 图标尺寸
+ var transportIcon = L.Icon.extend({ //图标初始化
+ options: {
+ iconSize: [50, 50], // 图标尺寸
+ }
+ })
+
+ var qd = new transportIcon({
+ iconUrl: './img/dingw.gif'
+ })
+
+ that.LXdhStart.addLayer(L.marker([that.lat, that.lng], {
+ icon: qd,
+ }))
+
+ that.map.addLayer(that.LXdhStart)
+
}
})
- var qd = new transportIcon({
- iconUrl: './img/dingw.gif'
- })
+ latLng = new qq.maps.LatLng(that.lat, that.lng)
- that.LXdhStart.addLayer(L.marker([that.lat, that.lng], {
- icon: qd,
- }))
-
- that.map.addLayer(that.LXdhStart)
+ geocoder.getAddress(latLng)
};
function showErr () {
- //TODO 如果出错了调用此方法
- };
+ console.log('定位失败')
+ }
geolocation.getLocation(showPosition, showErr, options)
- },
+ }
},
created () { },
mounted () {
this.getDataList()
this.getLocationData()
+
},
wacth: {}
-})
\ No newline at end of file
+})
--
Gitblit v1.9.3