Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
P
pica-insurance
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
计划
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
收起侧边栏
Close sidebar
动态
分支图
统计图
创建新议题
作业
提交
议题看板
打开侧边栏
com.pica.cloud.frontend
pica-insurance
提交
4ab7714c
提交
4ab7714c
编写于
2月 28, 2023
作者:
张敬贤
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
add
上级
53acc07d
变更
1
隐藏空白字符变更
内嵌
并排
正在显示
1 个修改的文件
包含
8 行增加
和
71 行删除
+8
-71
index.vue
src/views/geoNavigation/index.vue
+8
-71
未找到文件。
src/views/geoNavigation/index.vue
浏览文件 @
4ab7714c
<
template
>
<div>
<div
id=
"navigation"
@
click=
"openGeoApp"
/>
<van-button
type=
"primary"
block
class=
"navigation-button"
@
click=
"openGeoApp"
>
块级元素
</van-button>
</div>
<van-uploader
v-model=
"fileList"
/>
</
template
>
<
script
>
import
AMapLoader
from
'@amap/amap-jsapi-loader'
;
export
default
{
mounted
()
{
this
.
initMap
();
window
.
location
.
href
=
'amapuri://route'
;
},
methods
:
{
data
()
{
return
{
geoNavigation
:
null
};
},
initMap
()
{
var
that
=
this
;
AMapLoader
.
load
({
key
:
'd22c1f112c97cb93b8d343b18420b98d'
,
// 申请好的Web端开发者Key,首次调用 load 时必填
version
:
'2.0'
,
// 指定要加载的 JSAPI 的版本,缺省时默认为 1.4.15
plugins
:[
''
],
// 需要使用的的插件列表,如比例尺'AMap.Scale'等
}).
then
((
AMap
)
=>
{
var
map
=
new
AMap
.
Map
(
'navigation'
,
{
resizeEnable
:
true
});
AMap
.
plugin
(
'AMap.Driving'
,
function
()
{
that
.
geoNavigation
=
new
AMap
.
Driving
({
// 驾车路线规划策略,AMap.DrivingPolicy.LEAST_TIME是最快捷模式
policy
:
AMap
.
DrivingPolicy
.
LEAST_TIME
,
map
:
map
});
var
startLngLat
=
[
116.379028
,
39.865042
];
var
endLngLat
=
[
116.427281
,
39.903719
];
that
.
geoNavigation
.
search
(
startLngLat
,
endLngLat
,
function
(
status
,
result
)
{
// 未出错时,result即是对应的路线规划方案
console
.
log
(
status
,
result
);
});
});
// geolocation.getCurrentPosition((status, result) => {
// console.log('geolocation,', status, result);
// });
});
},
openGeoApp
()
{
var
target
=
document
.
querySelector
(
'#navigation'
).
parentElement
.
previousElementSibling
.
previousElementSibling
.
innerHTML
;
console
.
log
(
target
);
window
.
location
.
href
=
`iosamap://plan
${
target
}
`
;
}
data
()
{
return
{
fileList
:[]
};
}
};
</
script
>
<
style
>
#navigation
{
width
:
100vw
;
height
:
100vh
;
}
.navigation-button
{
position
:
fixed
;
bottom
:
0
;
z-index
:
99
;
}
</
style
>
写
预览
Markdown
格式
0%
请重试
or
附加一个文件
附加文件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录