| | |
| | | BaiduMap.init() |
| | | .then((BMap) => { |
| | | console.log('地图初始化') |
| | | this.inits() |
| | | // this.inits() |
| | | this.createMap(BMap) |
| | | }) |
| | | this.newTimes() |
| | | this.userName = this.getStore('userinfo').name |
| | | this.userName = this.getStore('userinfo') |
| | | this.getData() |
| | | this.$nextTick(() => { |
| | | this.createMap() |
| | |
| | | this.$refs.zhipaiForm.initData() |
| | | }) |
| | | }, |
| | | createMap(){ // // 方法 - 创建地图 |
| | | createMap(BMap){ // // 方法 - 创建地图 |
| | | // 在百度地图容器中创建地图实例 |
| | | let map = new BMap.Map("container"); |
| | | // 将map变量存储在全局 |
| | | this.map = map; |
| | | // let goodsData = require('../../../assets/custom_map_config.json') |
| | | // 设定地图的中心点和坐标 |
| | | let point = new BMap.Point(this.centerLng, this.centerLat); |
| | | // let marker = new BMap.Marker(point) // 创建标注 |
| | | // 设置中心点坐标和地图级别 |
| | | this.map.centerAndZoom(point, 1); |
| | | // 添加自定义覆盖物 |
| | | // this.map.addOverlay(marker) // 将标注添加到地图中 |
| | | // 允许滚轮缩放 |
| | | this.map.enableScrollWheelZoom(point, 15); |
| | | // 设置地图默认缩放比例 |
| | | this.map.setZoom(15); |
| | | this.map.setMapStyle({ |
| | | style:'midnight' |
| | | // styleJson:goodsData |
| | | }); |
| | | this.addHeatMap(this.map) |
| | | this.addMarker(this.map,point) |
| | | |
| | | let map = new BMap.Map('container'); |
| | | this.$nextTick(() => { |
| | | // 将map变量存储在全局 |
| | | this.map = map; |
| | | // let goodsData = require('../../../assets/custom_map_config.json') |
| | | // 设定地图的中心点和坐标 |
| | | let point = new BMap.Point(this.centerLng, this.centerLat); |
| | | let marker = new BMap.Marker(point) // 创建标注 |
| | | // 设置中心点坐标和地图级别 |
| | | this.map.centerAndZoom(point, 1); |
| | | // 添加自定义覆盖物 |
| | | this.map.addOverlay(marker) // 将标注添加到地图中 |
| | | // 允许滚轮缩放 |
| | | this.map.enableScrollWheelZoom(point, 15); |
| | | // 设置地图默认缩放比例 |
| | | this.map.setZoom(15); |
| | | this.map.setMapStyle({ |
| | | // style:'midnight', |
| | | styleJson:goodsData |
| | | }); |
| | | |
| | | this.map.addEventListener("tilesloaded", () => { |
| | | this.addHeatMap(this.map); // 确保在 tilesloaded 事件后调用 |
| | | }); |
| | | |
| | | // this.addHeatMap(this.map) |
| | | this.addMarker(this.map,point) |
| | | }) |
| | | }, |
| | | addHeatMap(map) { //热力图 |
| | | this.$byutil.postData(this,this.pageConfig.getLogoUrl,null,res => { |