提交 4ab7714c 编写于 作者: 张敬贤's avatar 张敬贤

add

上级 53acc07d
<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 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册