aMap.open 怎么用？？

杨愿

换了好几个版本 aMap.open不显示啊！

let aMap;
const vm = new Vue({
el: '#app',
filters: $filters,
data() {
return {
}
},
created() {
apiready = async () => {
$c.fixStatusBar($c.byId('header'))
aMap = api.require('aMap');
const aMapParams = {
privacyAgree: 'didAgree',
privacyShow: 'didShow',
containStatus: 'didContain'
}
// 权限
aMap.updateMapViewPrivacy(aMapParams);
aMap.updateSearchPrivacy(aMapParams);
// aMap.autocomplete({
// keyword: '北京',
// city: '北京'
// }, function (ret) {
// $c.log(ret)
// })
// 获取定位
const { status, lon, lat } = await this.getLocation()
if (status) {
await this.openMap({ lon, lat })
// this.drawRoute({
// start: {
// lon,
// lat
// },
// end: {
// lon: 116.384852, //数字类型；终点经度
// lat: 39.989576 //数字类型；终点纬度
// }
// })
}
}
},
methods: {
handerlClickBack() {
$c.closeWin()
},
getLocation() {
return new Promise((resolve, reject) => {
aMap.getLocation(function (ret, err) {
if (ret) {
resolve(ret)
} else {
reject(err)
}
});
})
},
openMap(center) {
// const { l: x, t: y, w, h } = $c.offset($c.byId('main'))
const param = {
rect: { x: 0, y: 0, w: api.winWidth, h: api.winHeight },
center,
zoomLevel: 10,
showUserLocation: false,
userLocationCanShowCallout: false,
showsAccuracyRing: false,
isGestureScaleByMapCenter: false,
fixedOn: api.winName,
fixed: true
}
$c.log(param)
return new Promise((resolve, reject) => {
aMap.open(param, ret => {
if (ret.status) {
$c.log(ret)
resolve()
}
})
})
},
drawRoute(param) {
aMap.searchRoute({
...param,
type: 'drive'
}, (ret, err) => {
if(ret.status) {
$c.log(ret)
aMap.drawRoute({
id: 1,
autoresizing: true,
index: 0,
styles: {}
})
}
})
}
}
})

复制代码

<body>
<div id="app" class="flex flex-direction" v-cloak>
<van-nav-bar id="header" class="bg-gradual-blue" title="车辆监测" left-arrow :border="false" @click-left="handerlClickBack"></van-nav-bar>
<div id="main" class="flex-sub bg-red"></div>
</div>
</body>

复制代码

js代码

页面预览

页面

控制台输出

log

技术咨询-F

fixedOn 参数不写试试

杨愿

技术咨询-F · 2023-3-16 16:05fixedOn 参数不写试试

哥哥，你太帅了。

[插件使用] aMap.open 怎么用？？

浏览过的版块