From a042dd4ca4ceb0671e135a96fdfe44cf32415fa1 Mon Sep 17 00:00:00 2001 From: 13404089107 <puwei@sinata.cn> Date: 星期一, 24 二月 2025 11:00:02 +0800 Subject: [PATCH] Merge branch 'master' of http://120.76.84.145:10101/gitblit/r/H5/threeSide --- H5/pages/location/location.vue | 23 +++++++++++++++++++---- 1 files changed, 19 insertions(+), 4 deletions(-) diff --git a/H5/pages/location/location.vue b/H5/pages/location/location.vue index a0bfcc9..9663f05 100644 --- a/H5/pages/location/location.vue +++ b/H5/pages/location/location.vue @@ -5,7 +5,7 @@ <image src="/static/location/back.png" class="w-19 h-35" mode=""></image> </view> </u-navbar> - <map id="map" longitude="113.324520" latitude="23.099994" scale="14"></map> + <div id="baidu-map"></div> <view class=""> <view class="searchMain mb-35"> @@ -18,12 +18,12 @@ 确定 </view> </view> - + </view> <view class="card" :class="" v-for="item in 5"> <text>天府新谷九号楼二单元</text> <text class="font-w500 fs-23 mt-25" style="color: rgba(0, 0, 0, 0.6);">四川省成都市高新区府城大道西段399号天</text> - + </view> </view> @@ -37,12 +37,27 @@ latitude: 39.909, longitude: 116.39742, }; + }, + mounted() { + this.initMap(); + }, + methods: { + initMap() { + // 创建地图实例 + const map = new BMapGL.Map('baidu-map'); + // 设置中心点坐标 + const point = new BMapGL.Point(116.404, 39.915); + // 初始化地图,设置中心点和缩放级别 + map.centerAndZoom(point, 15); + // 开启鼠标滚轮缩放 + map.enableScrollWheelZoom(true); + } } } </script> <style lang="scss" scoped> - map { + #baidu-map { width: 100vw; height: 517rpx; } -- Gitblit v1.7.1