Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
iBiz-Vue-Mob-R7-Res
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
计划
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
统计图
创建新议题
作业
提交
议题看板
打开侧边栏
iBiz-R7前端标准模板
iBiz-Vue-Mob-R7-Res
提交
ce77a0da
提交
ce77a0da
编写于
10月 19, 2021
作者:
Shine-zwj
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update:更新地图
上级
847b4ce4
变更
2
隐藏空白字符变更
内嵌
并排
正在显示
2 个修改的文件
包含
9 行增加
和
30 行删除
+9
-30
app-mob-map-page.vue
src/components/app-mob-map-page/app-mob-map-page.vue
+9
-23
appConfig.ts
src/config/appConfig.ts
+0
-7
未找到文件。
src/components/app-mob-map-page/app-mob-map-page.vue
浏览文件 @
ce77a0da
...
...
@@ -18,15 +18,15 @@
</ion-header>
<ion-content>
<el-amap
zoom=
"12"
vid=
"amap"
ref=
"map"
class=
"app-map"
:zoom=
"12"
:plugin=
"plugin"
:center=
"center"
:events=
"events"
:amap-manager=
"amapManager"
>
<el-amap-marker
v-if=
"marker.visible"
class=
"map-marker"
vid=
"component-marker"
:icon=
"marker.icon"
...
...
@@ -39,7 +39,6 @@
</
template
>
<
script
lang=
"ts"
>
import
{
AMapManager
}
from
'vue-amap'
;
import
{
appConfig
}
from
'@/config/appConfig'
;
import
{
Vue
,
Component
,
Prop
}
from
"vue-property-decorator"
;
@
Component
({
...
...
@@ -89,22 +88,14 @@ export default class AppMobMapPage extends Vue {
public
amapManager
:
any
=
new
AMapManager
();
/**
* 地图中心点
*
* @type {*}
* @memberof AppMobMapPage
*/
public
center
:
any
[]
=
appConfig
.
defaultAddress
.
position
;
/**
* 地图标点信息(无定位默认标点)
* 地图标点信息
*
* @type {*}
* @memberof AppMobMapPage
*/
public
marker
:
any
=
{
position
:
appConfig
.
defaultAddress
.
position
,
address
:
appConfig
.
defaultAddress
.
address
,
position
:
[
0
,
0
]
,
address
:
''
,
icon
:
'//a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png'
,
visible
:
false
};
...
...
@@ -143,10 +134,11 @@ export default class AppMobMapPage extends Vue {
maximumAge
:
0
,
//定位结果缓存0毫秒,默认:0
buttonPosition
:
'RB'
,
//定位按钮停靠位置,默认:'LB',左下角
showButton
:
true
,
//显示定位按钮,默认:true
showMarker
:
fals
e
,
//定位成功后在定位到的位置显示点标记,默认:true
showMarker
:
tru
e
,
//定位成功后在定位到的位置显示点标记,默认:true
showCircle
:
false
,
//定位成功后用圆圈表示定位精度范围,默认:true
panToLocation
:
true
,
//定位成功后将定位到的位置作为地图中心点,默认:true
zoomToAccuracy
:
true
,
//定位成功后调整地图视野范围使定位位置及精度范围视野内可见
enableHighAccuracy
:
true
,
// 是否使用高精度定位,默认为true
extensions
:
'all'
,
pName
:
'Geolocation'
,
events
:
{
...
...
@@ -170,12 +162,9 @@ export default class AppMobMapPage extends Vue {
}
else
{
o
.
getCurrentPosition
((
status
:
any
,
result
:
any
)
=>
{
if
(
result
&&
result
.
status
!=
0
)
{
this
.
center
=
[
result
.
position
.
lng
,
result
.
position
.
lat
];
const
position
=
[
result
.
position
.
lng
,
result
.
position
.
lat
];
this
.
address
=
result
.
formattedAddress
;
Object
.
assign
(
this
.
marker
,
{
position
:
this
.
center
,
address
:
this
.
address
,
visible
:
true
});
}
else
{
this
.
address
=
this
.
marker
.
address
;
console
.
warn
(
'定位失败'
);
Object
.
assign
(
this
.
marker
,
{
position
:
position
,
address
:
this
.
address
,
visible
:
true
});
}
});
}
...
...
@@ -233,7 +222,6 @@ export default class AppMobMapPage extends Vue {
address
:
this
.
address
,
visible
:
true
});
this
.
center
=
position
;
if
(
!
this
.
address
)
{
const
address
=
await
this
.
getAddress
(
longitude
,
latitude
).
catch
((
error
)
=>
{
console
.
warn
(
error
);
...
...
@@ -281,7 +269,6 @@ export default class AppMobMapPage extends Vue {
* @memberof AppMapPosition
*/
public
handleSearch
()
{
this
.
center
=
[];
const
that
=
this
;
let
placeSearch
:
any
;
// 调用服务搜索结果
...
...
@@ -342,7 +329,6 @@ export default class AppMobMapPage extends Vue {
}
Object
.
assign
(
that
.
marker
,
{
position
:
[
lng
,
lat
],
address
:
address
,
visible
:
true
});
that
.
address
=
address
;
that
.
center
=
[
lng
,
lat
];
}
/**
...
...
src/config/appConfig.ts
浏览文件 @
ce77a0da
...
...
@@ -52,11 +52,4 @@ export const appConfig = {
color
:
"#FFF"
,
},
],
// 默认定位
defaultAddress
:
{
// 地址信息
address
:
'四川省成都市武侯区桂溪街道天府大道北段成都南站'
,
// 经纬度
position
:
[
104.067836
,
30.606631
],
}
};
编辑
预览
Markdown
格式
0%
请重试
or
添加新附件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录