公告

公告:6月1日起论坛仅作为产品公告及开发者交流平台,如您的问题需百度工程师解答请前往 「反馈平台」 咨询,3个工作日内专人回复。

查看: 248|回复: 3

[咨询求助] Vue 中使用vue-baidu-map库地图显示不出来,控件没问题

[复制链接]
qq7970208 发表于 2018-6-13 22:18:12 | 显示全部楼层 |阅读模式
JavaScript API
浏览器类型、版本号: 谷歌浏览器64.0.3282.186
pc系统或手机型号: PC系统
使用的接口/api: 创建不出来
问题描述: 创建不出来,地图都不显示
复现步骤: 什么是复现步骤
效果截图:
完整代码: <template>
<div class="ts-map">
<van-nav-bar title="地图" left-text="返回" left-arrow @click-left="$router.go(-1)"></van-nav-bar>
<baidu-map class="bm-view" :center="point" :zoom="15" @ready="mapReady" :scroll-wheel-zoom="true">
<bm-control>
<button @click="daohang" class="btn btn-success">
导航
</button>
</bm-control>
<bm-info-window :position="point" title="导航" :show="infoWindow">
<p v-text="region+\' \'+address"></p>
<button @click="daohang">导航</button>
</bm-info-window>

</baidu-map>
</div>
</template>
<style type="text/less">

.bm-view {
width: 100%;
position: absolute;
top: 46px;
bottom: 57px;
left: 0px;
}
</style>
<script>
//import BaiduMap from \'vue-baidu-map/components/Map/Map.vue\'
import PosTransfer from \'../lib/pos-transfer\'
//import {BmControl,BmInfoWindow} from \'vue-baidu-map\'

export default {
props:[\'lng\',\'lat\',\'type\',\'address\',\'region\'],
name: "ts-map",
data(){
return {
keyword:\'\',
infoWindow:true,

point:{
lng:113.12335,
lat:23.014054
}
}
},
watch: {},
computed: {},
methods: {
mapReady({BMap, map}){
var p = [],
lng = Number(this.lng),
lat = Number(this.lat);
if(this.type == \'gcjo2\'){
p=PosTransfer.gcj2bd(lat , lng);
}else if(this.type == \'wgs84\'){
p = PosTransfer.wgs2bd(lat , lng);
}else{
p = [lat,lng];
}

this.point = {
lng:p[1],
lat:p[0]
}

//map.centerAndZoom(new BMap.Point(p[0], p[1]), 15)
//map.setCenter(point,15);
//console.log(this.point);
},
daohang(){
// 导航

}
},
created(){
//this.mapReady();
},
mounted(){
},
destroyed(){
}
}
</script>
使用ak: 隐藏内容
在线刷新等待
 楼主| qq7970208 发表于 2018-6-13 22:30:39 | 显示全部楼层
求救,解了一天了都没解出来是什么问题
 楼主| qq7970208 发表于 2018-6-13 22:39:04 | 显示全部楼层
终于解决了,看来论坛是没人
ijsuke 发表于 2018-6-22 18:15:39 | 显示全部楼层
qq7970208 发表于 2018-6-13 22:39
终于解决了,看来论坛是没人

楼主 楼主 解决了没 小白求带

小黑屋|手机版|百度地图开放平台 ( 京ICP证030173号 )

GMT+8, 2018-8-21 04:43 , Processed in 0.066203 second(s), 23 queries .

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表