| | |
|---|
| | | <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"> |
|---|
| | |
|---|
| | | 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; |
|---|
| | | } |
|---|
