vijay
/
Mosqkiller
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

# up geo-tip

This commit is contained in:
xianfuxing 2018-09-04 20:07:40 +08:00
parent 636e0877b7
commit 2773ea5856
1 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/views/counter/map2.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<div id="map-container" tabindex="0"></div> <div id="map-container" tabindex="0"></div>
<div id="tip"></div> <div id="geo-tip"></div>
<div v-show="flag" id="panel"></div> <div v-show="flag" id="panel"></div>
<div v-show="mapClick && flag" id='bt-wrapper'> <div v-show="mapClick && flag" id='bt-wrapper'>
<div id='bt'>点击去高德地图</div> <div id='bt'>点击去高德地图</div>
@ -163,18 +163,18 @@ export default {
}, },
onComplete(data) { onComplete(data) {
var str = ['定位成功'] var str = ['定位成功']
str.push('经度：' + data.position.getLng())
str.push('纬度：' + data.position.getLat())
this.geo = [data.position.getLng(), data.position.getLat()] this.geo = [data.position.getLng(), data.position.getLat()]
str.push(data.position.getLng())
str.push(data.position.getLat())
console.log(this.geo) console.log(this.geo)
if (data.accuracy) { if (data.accuracy) {
str.push('精度：' + data.accuracy + ' 米') str.push('精度：' + data.accuracy + ' 米')
} }
str.push('是否经过偏移：' + (data.isConverted ? '是' : '否')) str.push('是否经过偏移：' + (data.isConverted ? '是' : '否'))
document.getElementById('tip').innerHTML = str.join('<br>') document.getElementById('geo-tip').innerHTML = str.join('<br>')
}, },
onError() { onError() {
document.getElementById('tip').innerHTML = '定位失败' document.getElementById('geo-tip').innerHTML = '定位失败'
}, },
getDevicesInitMap(params) { getDevicesInitMap(params) {
fetchDeviceList(params).then(response => { fetchDeviceList(params).then(response => {
@ -320,6 +320,18 @@ export default {
display: none; display: none;
} }
} }
#geo-tip {
font-size: .8rem;
position: absolute;
padding: 5px;
color: white;
background-color:goldenrod;
width: 150px;
top: 15%;
left: 10%;
border-radius: 5px;
text-align: center;
}
#bt-wrapper { #bt-wrapper {
position: absolute; position: absolute;
width: 2rem; width: 2rem;