Skip to content

S
SuperMan
Commit 00eb1e81 authored by 黄奎's avatar 黄奎
Browse files
Options

去掉百度地图引用

parent 9739c14a
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 2272 additions and 2349 deletions
config/index.js
View file @ 00eb1e81
......@@ -9,94 +9,10 @@ module.exports = {
assetsSubDirectory: `static`,
assetsPublicPath: '/',
proxyTable: {
// '/boundsearch': { // 矩形区域检索entity
// target: 'http://yingyan.baidu.com/api/v3/entity/boundsearch',
// changeOrigin: true,
// pathRewrite: {
// '^/boundsearch': ''
// }
// },
// '/getdistance': { // 获取track的distance
// target: 'http://yingyan.baidu.com/api/v3/track/getdistance',
// changeOrigin: true,
// pathRewrite: {
// '^/getdistance': ''
// }
// },
// '/api': { // 获取track信息
// target: 'http://yingyan.baidu.com/api/v3/track/gettrack',
// changeOrigin: true,
// pathRewrite: {
// '^/api': ''
// }
// },
// '/listcolumn': { // 获取自定义字段列表
// target: 'http://yingyan.baidu.com/api/v3/entity/listcolumn',
// changeOrigin: true,
// pathRewrite: {
// '^/listcolumn': ''
// }
// },
// '/getAddress': { // 经纬度解析
// target: 'http://api.map.baidu.com/geocoder/v2/',
// changeOrigin: true,
// pathRewrite: {
// '^/getAddress': ''
// }
// },
// '/searchEntity': { // 通过新的search接口获取数据，包括所有entity、模糊搜索entity、在线entity、离线entity
// target: 'http://yingyan.baidu.com/api/v3/entity/search',
// changeOrigin: true,
// pathRewrite: {
// '^/searchEntity': ''
// }
// },
// '/trackList': { // 获取track列表
// target: 'http://yingyan.baidu.com/api/v2/track/gethistory',
// changeOrigin: true,
// pathRewrite: {
// '^/trackList': ''
// }
// },
// '/getstaypoint': { // 获取停留点
// target: 'http://yingyan.baidu.com/api/v2/analysis/staypoint',
// changeOrigin: true,
// pathRewrite: {
// '^/getstaypoint': ''
// }
// },
// '/getBehaviorAnalysis': { // 获取驾驶行为分析信息
// target: 'http://yingyan.baidu.com/api/v2/analysis/drivingbehavior',
// changeOrigin: true,
// pathRewrite: {
// '^/getBehaviorAnalysis': ''
// }
// },
},
// // 矩形区域检索entity
// boundsearchEntity: '//yingyan.baidu.com/api/v3/entity/boundsearch',
// // 获取track的distance
// getDistance: '//yingyan.baidu.com/api/v3/track/getdistance',
// // 获取track信息
// getTrack: '//yingyan.baidu.com/api/v3/track/gettrack',
// // 获取自定义字段列表
// columnsList: '//yingyan.baidu.com/api/v3/entity/listcolumn',
//
// // 经纬度解析
// getAddress: '//api.map.baidu.com/geocoder/v2/',
// // 通过新的search接口获取数据，包括所有entity、模糊搜索entity、在线entity、离线entity
// searchEntity: '//yingyan.baidu.com/api/v3/entity/search',
// // 获取track列表
// trackList: '//yingyan.baidu.com/api/v2/track/gethistory',
// // 获取停留点
// getstaypoint: '//yingyan.baidu.com/api/v2/analysis/staypoint',
// // 获取驾驶行为分析信息
// getBehaviorAnalysis: '//yingyan.baidu.com/api/v2/analysis/drivingbehavior',
// Various Dev Server settings
host: 'localhost', // can be overwritten by process.env.HOST
......
index.html
View file @ 00eb1e81
......@@ -8,24 +8,21 @@
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate, no-store">
<meta http-equiv="Expires" content="0">
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=L5Qw0GlbbCIMwgR4Uug3ogM40Imkd3CV"></script>
<!-- <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=L5Qw0GlbbCIMwgR4Uug3ogM40Imkd3CV"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js">
</script>
</script> -->
<script type="text/javascript" src="static/MarkerClusterer.js"></script>
<script type="text/javascript" src="static/CurveLine.min.js"></script>
<link href="https://api.mapbox.com/mapbox-gl-js/v2.6.1/mapbox-gl.css" rel="stylesheet">
<script src="https://api.mapbox.com/mapbox-gl-js/v2.6.1/mapbox-gl.js"></script>
<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=OV7BZ-ZT3HP-6W3DE-LKHM3-RSYRV-ULFZV"></script>
<script type="text/javascript"
src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=OBd2bhrqKUSbQGpniCZ996suti9YG7Bc"></script>
<!-- <script type="text/javascript"
src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=OBd2bhrqKUSbQGpniCZ996suti9YG7Bc"></script> -->
<!--HK 2024-08-15 新加(避免提示为商用授权) Start-->
<script type="text/javascript" src="//api.map.baidu.com/api?key=&v=1.1&services=true&s=1"></script>
<!-- <script type="text/javascript" src="//api.map.baidu.com/api?key=&v=1.1&services=true&s=1"></script>
<script type="text/javascript" src="https://api.map.baidu.com/getscript?v=2.0&ak=&services=&t=20240731110958"></script>
<!--
<script charset="utf8" src="https://dlswbr.baidu.com/heicha/mw/abclite-2063-s.original.js?_=9975"></script>
<script type="text/javascript" src="https://api.map.baidu.com/getscript?v=1.1&ak=&services=true&t=20130716024058"></script>
<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&s=1"></script>
-->
<!--HK 2024-08-15 新加 End -->
<script src="/static/UE/ueditor.config.js"></script>
......
src/assets/utils/BMap.js
View file @ 00eb1e81
......@@ -3,11 +3,11 @@ export function MP(ak) {
window.onload = function () {
resolve(BMap)
}
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://api.map.baidu.com/api?v=2.0&ak="+ak;
script.onerror = reject;
document.head.appendChild(script);
// var script = document.createElement("script");
// script.type = "text/javascript";
// script.src = "http://api.map.baidu.com/api?v=2.0&ak="+ak;
// script.onerror = reject;
// document.head.appendChild(script);
})
}
\ No newline at end of file
src/components/Hotel/DiDa/HotelDetails.vue
View file @ 00eb1e81
......@@ -1296,13 +1296,13 @@
if (res.data.resultCode == 1) {
var tempObj = res.data.data;
this.DidaHotelDetails = tempObj;
this.hotelMapUrl = `http://api.weboss.hk/baidu_map/api.php?prop1=` + this.DidaHotelDetails
.Name_CN + `&prop2=` + this.DidaHotelDetails.Address_CN + `&prop3=` + this.DidaHotelDetails
.Longitude + `,` + this.DidaHotelDetails
.Latitude + `&prop4=100%&prop5=100%`;
// this.hotelMapUrl = `http://api.weboss.hk/baidu_map/api.php?prop1=` + this.DidaHotelDetails
// .Name_CN + `&prop2=` + this.DidaHotelDetails.Address_CN + `&prop3=` + this.DidaHotelDetails
// .Longitude + `,` + this.DidaHotelDetails
// .Latitude + `&prop4=100%&prop5=100%`;
this.initMap(this.DidaHotelDetails.Longitude, this.DidaHotelDetails.Latitude, this.DidaHotelDetails
.Name_CN)
// this.initMap(this.DidaHotelDetails.Longitude, this.DidaHotelDetails.Latitude, this.DidaHotelDetails
// .Name_CN)
if (this.DidaHotelDetails.StarRating) {
this.startNum = Math.ceil(this.DidaHotelDetails.StarRating);
}
......@@ -1442,36 +1442,36 @@
}
},
initMap(lng, lat, name) {
if (this.map) {
this.map.clearOverlays()
}
var that = this;
this.map = new BMap.Map("mapContainer", {
enableMapClick: false,
minZoom: 3,
maxZoom: 50,
}) //新建地图实例，enableMapClick:false ：禁用地图默认点击弹框
var point = new BMap.Point(lng, lat);
this.map.centerAndZoom(new BMap.Point(lng, lat), 15)
this.map.enableScrollWheelZoom(false)
var marker = new BMap.Marker(point); //标记点
var label = new BMap.Label(name, {
offset: new BMap.Size(0, 28)
}); //标签
label.setStyle({
color: "#FFF",
fontSize: "10px",
height: "24px",
lineHeight: "20px",
padding: "2px 5px",
border: "1px solid rgba(230, 0, 0, 0.7)",
background: "rgba(230, 0, 0, 0.7)",
fontWeight: "bold",
transform: 'translateX(-50%)',
fontFamily: "微软雅黑"
})
marker.setLabel(label)
this.map.addOverlay(marker);
// if (this.map) {
// this.map.clearOverlays()
// }
// var that = this;
// this.map = new BMap.Map("mapContainer", {
// enableMapClick: false,
// minZoom: 3,
// maxZoom: 50,
// }) //新建地图实例，enableMapClick:false ：禁用地图默认点击弹框
// var point = new BMap.Point(lng, lat);
// this.map.centerAndZoom(new BMap.Point(lng, lat), 15)
// this.map.enableScrollWheelZoom(false)
// var marker = new BMap.Marker(point); //标记点
// var label = new BMap.Label(name, {
// offset: new BMap.Size(0, 28)
// }); //标签
// label.setStyle({
// color: "#FFF",
// fontSize: "10px",
// height: "24px",
// lineHeight: "20px",
// padding: "2px 5px",
// border: "1px solid rgba(230, 0, 0, 0.7)",
// background: "rgba(230, 0, 0, 0.7)",
// fontWeight: "bold",
// transform: 'translateX(-50%)',
// fontFamily: "微软雅黑"
// })
// marker.setLabel(label)
// this.map.addOverlay(marker);
},
getAveragePrice(PriceList) {
let totelPrice = 0
......
src/components/SalesModule/VisitPlanMap.vue
View file @ 00eb1e81
......@@ -124,7 +124,7 @@ export default {
div.appendChild(sanjiao);
var that = this;
var arrow = this._arrow = document.createElement("div");
arrow.style.background = "url(http://map.baidu.com/fwmap/upload/r/mrep/fwmap/static/house/images/label.png) no-repeat";
//arrow.style.background = "url(http://map.baidu.com/fwmap/upload/r/mrep/fwmap/static/house/images/label.png) no-repeat";
arrow.style.position = "absolute";
arrow.style.width = "11px";
arrow.style.height = "10px";
......
src/components/SalesModule/VisitRecord.vue
View file @ 00eb1e81
......@@ -166,14 +166,14 @@ export default {
let end_time=start_time+86400
let url='?ak=L5Qw0GlbbCIMwgR4Uug3ogM40Imkd3CV&service_id=203768&entity_name='+this.account+'&start_time='+start_time+'&end_time='+end_time+'&is_processed=1&process_option=need_denoise=1,need_vacuate=1,need_mapmatch=1';
this.$http.get('https://bird.ioliu.cn/v1?url=http://yingyan.baidu.com/api/v3/track/gettrack'+url).then(res=>{
let xy=res.data.points
this.Point=[]
xy.forEach(x=>{
this.Point.push({xy:[x.latitude,x.longitude]})
})
this.creatMap()
})
// this.$http.get('https://bird.ioliu.cn/v1?url=http://yingyan.baidu.com/api/v3/track/gettrack'+url).then(res=>{
// let xy=res.data.points
// this.Point=[]
// xy.forEach(x=>{
// this.Point.push({xy:[x.latitude,x.longitude]})
// })
// this.creatMap()
// })
},
showLocation(date){
......@@ -306,7 +306,7 @@ export default {
div.appendChild(sanjiao);
var that = this;
var arrow = this._arrow = document.createElement("div");
arrow.style.background = "url(http://map.baidu.com/fwmap/upload/r/mrep/fwmap/static/house/images/label.png) no-repeat";
//arrow.style.background = "url(http://map.baidu.com/fwmap/upload/r/mrep/fwmap/static/house/images/label.png) no-repeat";
arrow.style.position = "absolute";
arrow.style.width = "11px";
arrow.style.height = "10px";
......
src/components/SalesModule/customerMap.vue
View file @ 00eb1e81
......@@ -64,16 +64,16 @@ export default {
baiduMapData: [],
changebaiduMapData: [],
centerP: null,
options0: {
size: BMAP_POINT_SIZE_BIGGER,
shape: BMAP_POINT_SHAPE_CIRCLE,
color: '#1eb3ff'
},
options1: {
size: BMAP_POINT_SIZE_BIGGER,
shape: BMAP_POINT_SHAPE_CIRCLE,
color: '#5fffa3'
},
// options0: {
// size: BMAP_POINT_SIZE_BIGGER,
// shape: BMAP_POINT_SHAPE_CIRCLE,
// color: '#1eb3ff'
// },
// options1: {
// size: BMAP_POINT_SIZE_BIGGER,
// shape: BMAP_POINT_SHAPE_CIRCLE,
// color: '#5fffa3'
// },
list0: [],
list1: [],
};
......@@ -98,42 +98,42 @@ export default {
}
},
creatMap(arr, type){
let _this = this
//实例化，并设置最大最小缩放层级
if(this.map) {
this.map.clearOverlays()
} else {
this.map = new BMap.Map("centerMpBaidu", {
minZoom: 3,
maxZoom: 20,
});
//设置中心点、默认缩放层级
if (_this.centerP) {
this.map.centerAndZoom(new BMap.Point(_this.centerP.Lng, _this.centerP.Lat), 10);
} else {
this.map.centerAndZoom(new BMap.Point(104.0727017791, 30.6643622306), 10);
}
this.map.setMapStyleV2({
styleId: '33046c341768c2774ab011cc7cf013d1'
});
this.map.enableScrollWheelZoom(true);
}
//可以鼠标缩放
const points = arr;
let list0 = [], list1 = [];
points.forEach(item => {
let obj = new BMap.Point(item.Lng, item.Lat)
obj.CustomerId = item.CustomerId
if(item.type == 0) {
list0.push(obj)
} else if (item.type == 1){
list1.push(obj)
}
})
this.list0 = list0;
this.list1 = list1;
this.changePointsColor(this.list0,this.options0);
this.changePointsColor(this.list1,this.options1);
// let _this = this
// //实例化，并设置最大最小缩放层级
// if(this.map) {
// this.map.clearOverlays()
// } else {
// this.map = new BMap.Map("centerMpBaidu", {
// minZoom: 3,
// maxZoom: 20,
// });
// //设置中心点、默认缩放层级
// if (_this.centerP) {
// this.map.centerAndZoom(new BMap.Point(_this.centerP.Lng, _this.centerP.Lat), 10);
// } else {
// this.map.centerAndZoom(new BMap.Point(104.0727017791, 30.6643622306), 10);
// }
// this.map.setMapStyleV2({
// styleId: '33046c341768c2774ab011cc7cf013d1'
// });
// this.map.enableScrollWheelZoom(true);
// }
// //可以鼠标缩放
// const points = arr;
// let list0 = [], list1 = [];
// points.forEach(item => {
// let obj = new BMap.Point(item.Lng, item.Lat)
// obj.CustomerId = item.CustomerId
// if(item.type == 0) {
// list0.push(obj)
// } else if (item.type == 1){
// list1.push(obj)
// }
// })
// this.list0 = list0;
// this.list1 = list1;
// this.changePointsColor(this.list0,this.options0);
// this.changePointsColor(this.list1,this.options1);
},
changePointsColor(points, options){
var map = this.map;
......@@ -187,7 +187,6 @@ export default {
x.type = 1
})
let baiduMapData = [...data.ActivateList, ...data.InActiveList, ...data.NotVisit];
// let baiduMapData = [...data.NotVisit, ...data.ActivateList];
this.baiduMapData = baiduMapData
this.creatMap(this.baiduMapData)
}
......
src/components/SalesModule/passengerDetail.vue
View file @ 00eb1e81
......@@ -466,9 +466,6 @@
loading: false,
appkey_ocr: "OGAhU38ib8EweXMtPVqCbkpN",
secretKey_ocr: "OcqfFF5hlleWovzA6vLweykxPgwE8XF2",
BD_GET_ACCESS_TOKEN: "https://aip.baidubce.com/oauth/2.0/token",
BD_COMMON_TEXT_DISCERN_IDCARD: "https://aip.baidubce.com/rest/2.0/ocr/v1/idcard",
BD_COMMON_TEXT_DISCERN: "https://aip.baidubce.com/rest/2.0/solution/v1/iocr/recognise",
access_token_ocr: "",
templateType: 1,
templateSign: "",
......
src/components/SalesModule/yingyanMap.vue
View file @ 00eb1e81
This diff is collapsed.
src/components/WebSet/WebSiteArea.vue
View file @ 00eb1e81
This diff is collapsed.
src/components/busManagement/CharteringManagement/CharteringInfoManage.vue
View file @ 00eb1e81
......@@ -969,8 +969,8 @@
</el-dialog>
<el-dialog custom-class="mapList" :title="$t('hotel.hotel_mapLocation')" center :visible.sync="selectAddress">
<Map @refList="selectAddress = false" v-on:headCallBack="headCall" v-bind:Address="Address"
:type="MapType" :index="index"></Map>
<!-- <Map @refList="selectAddress = false" v-on:headCallBack="headCall" v-bind:Address="Address"
:type="MapType" :index="index"></Map> -->
</el-dialog>
<div class="btn-list">
......@@ -984,11 +984,11 @@
</div>
</template>
<script>
import Map from "../../public/Map.vue";
// import Map from "../../public/Map.vue";
import DMCchooseImg from "../../commonPage/DMCchooseImg.vue";
export default {
components: {
Map: Map,
// Map: Map,
DMCchooseImg: DMCchooseImg
},
data() {
......
src/components/confirmationOrderDownLoadNew.vue
View file @ 00eb1e81
......@@ -109,7 +109,7 @@
<div class="trip_cover" v-show="pdfLoading" v-loading="pdfLoading" :element-loading-text="loadingText"></div>
<el-row style="padding: 0 0 20px 0;box-shadow: 1px 10px 10px#e6e6e6;">
<el-col :span="14" class="row-aic">
<a id="pdfDownLoad" style="display:none;" target="_blank" href="http://www.baidu.com"
<a id="pdfDownLoad" style="display:none;" target="_blank" href=""
download="xx.pdf">{{$t('objFill.v101.yemiantiaoz')}}</a>
<template v-if="orderId>0">
<el-button type="primary" @click="toPDF_2023()">
......
src/components/public/Map.vue
View file @ 00eb1e81
<template>
<div>
<baidu-map v-bind:style="mapStyle" class="bm-view"
ak="L5Qw0GlbbCIMwgR4Uug3ogM40Imkd3CV"
:center="center" :zoom="zoom" :scroll-wheel-zoom="true"
@click="getClickInfo" @moving="syncCenterAndZoom" @moveend="syncCenterAndZoom" @zoomend="syncCenterAndZoom">
<bm-view style="width: 100%; height:400px;"></bm-view>
<bm-marker :position="{lng: center.lng, lat: center.lat}"
:dragging="true"
animation="BMAP_ANIMATION_BOUNCE">
<bm-label v-if="radius>0" :content="$t('objFill.jiesongdianfw')" :position="center" :labelStyle="{color: 'red', fontSize : '16px','border':'0px','margin-top':'20px'}" title="Hover me"/>
</bm-marker>
<bm-control :offset="{width: '10px', height: '10px'}">
<bm-auto-complete v-model="keyword" :sugStyle="{zIndex: 999999}">
<input v-model="keyword" type="text" :placeholder="$t('objFill.qingshugjcss')" class="serachinput">
</bm-auto-complete>
<button class="normalBtn" type="primary" @click="determineLngLat">
{{$t('pub.sureBtn')}}
</button>
</bm-control>
<bm-local-search v-if="radius>0" :keyword="keyword" :nearby="nearby" :auto-viewport="true" :panel="false"
style="width:0px;height:0px;overflow: hidden;"></bm-local-search>
<bm-local-search v-else :keyword="keyword" :auto-viewport="true" :panel="false"
style="width:0px;height:0px;overflow: hidden;"></bm-local-search>
<template v-show="radius>0">
<bm-circle :center="center" :radius="radius" stroke-color="red" :stroke-opacity="0.8" :stroke-weight="0.5"></bm-circle>
</template>
</baidu-map>
</div>
</template>
<div>
<!-- <baidu-map v-bind:style="mapStyle" class="bm-view" ak="L5Qw0GlbbCIMwgR4Uug3ogM40Imkd3CV" :center="center"
:zoom="zoom" :scroll-wheel-zoom="true" @click="getClickInfo" @moving="syncCenterAndZoom"
@moveend="syncCenterAndZoom" @zoomend="syncCenterAndZoom">
<bm-view style="width: 100%; height:400px;"></bm-view>
<bm-marker :position="{lng: center.lng, lat: center.lat}" :dragging="true" animation="BMAP_ANIMATION_BOUNCE">
<bm-label v-if="radius>0" :content="$t('objFill.jiesongdianfw')" :position="center"
:labelStyle="{color: 'red', fontSize : '16px','border':'0px','margin-top':'20px'}" title="Hover me" />
</bm-marker>
<bm-control :offset="{width: '10px', height: '10px'}">
<bm-auto-complete v-model="keyword" :sugStyle="{zIndex: 999999}">
<input v-model="keyword" type="text" :placeholder="$t('objFill.qingshugjcss')" class="serachinput">
</bm-auto-complete>
<button class="normalBtn" type="primary" @click="determineLngLat">
{{$t('pub.sureBtn')}}
</button>
</bm-control>
<bm-local-search v-if="radius>0" :keyword="keyword" :nearby="nearby" :auto-viewport="true" :panel="false"
style="width:0px;height:0px;overflow: hidden;"></bm-local-search>
<bm-local-search v-else :keyword="keyword" :auto-viewport="true" :panel="false"
style="width:0px;height:0px;overflow: hidden;"></bm-local-search>
<template v-show="radius>0">
<bm-circle :center="center" :radius="radius" stroke-color="red" :stroke-opacity="0.8" :stroke-weight="0.5">
</bm-circle>
</template>
</baidu-map> -->
</div>
</template>
<script>
import {BaiduMap, BmControl,
BmView, BmAutoComplete,
BmLocalSearch, BmMarker,BmPolygon,BmCircle,BmLabel} from 'vue-baidu-map'
<script>
import {
BaiduMap,
BmControl,
BmView,
BmAutoComplete,
BmLocalSearch,
BmMarker,
BmPolygon,
BmCircle,
BmLabel
} from 'vue-baidu-map'
export default {
props: ["Address", "type", "index","GetOff"],
props: ["Address", "type", "index", "GetOff"],
components: {
BaiduMap,
BmControl,
......@@ -48,14 +55,20 @@
},
data() {
return {
radius:0,
radius: 0,
keyword: '',
mapStyle: {
width: '100%',
height: '100%'
},
center: {lng: 116.404, lat: 39.915},
newCenter: {lng: '', lat: ''},
center: {
lng: 116.404,
lat: 39.915
},
newCenter: {
lng: '',
lat: ''
},
zoom: 20,
nearby: {
center: {
......@@ -68,58 +81,59 @@
},
watch: {
Address: {
handler(newValue,onldValue) {
handler(newValue, onldValue) {
this.keyword = newValue
},
deep:true,
deep: true,
immediate: true
},
GetOff: {
handler(newValue,onldValue) {
if(this.GetOff){
handler(newValue, onldValue) {
if (this.GetOff) {
this.center.lng = this.GetOff.Lng
this.center.lat = this.GetOff.Lat
if(this.GetOff.Range){
if (this.GetOff.Range) {
this.radius = this.GetOff.Range
}
}
this.nearby = {
center: {
lng:this.center.lng,
lat:this.center.lat
lng: this.center.lng,
lat: this.center.lat
},
radius: this.radius
}
},
deep:true,
deep: true,
immediate: true
},
},
mounted() {
if(this.GetOff){
if (this.GetOff) {
this.center.lng = this.GetOff.Lng
this.center.lat = this.GetOff.Lat
if(this.GetOff.Range){
if (this.GetOff.Range) {
this.radius = this.GetOff.Range
}
}
this.keyword = this.Address
this.nearby = {
center: {
lng:this.center.lng,
lat:this.center.lat
lng: this.center.lng,
lat: this.center.lat
},
radius: this.radius
}
},
methods: {
getClickInfo (e) {
let that= this
getClickInfo(e) {
let that = this
var gc = new BMap.Geocoder();
gc.getLocation(e.point, function (rs) {
if(rs.addressComponents){
if (rs.addressComponents) {
var addComp = rs.addressComponents;
let address_detail = addComp.province + addComp.city + addComp.district + addComp.street + addComp.streetNumber
let address_detail = addComp.province + addComp.city + addComp.district + addComp.street + addComp
.streetNumber
that.keyword = address_detail
}
})
......@@ -128,9 +142,12 @@
this.newCenter.lng = e.point.lng
this.newCenter.lat = e.point.lat
},
syncCenterAndZoom (e) {
if(this.GetOff) return
const {lng, lat} = e.target.getCenter()
syncCenterAndZoom(e) {
if (this.GetOff) return
const {
lng,
lat
} = e.target.getCenter()
this.center.lng = lng
this.center.lat = lat
this.newCenter.lng = lng
......@@ -138,25 +155,30 @@
this.zoom = e.target.getZoom()
},
// 经纬度
determineLngLat(){
if(this.newCenter.lng){
determineLngLat() {
if (this.newCenter.lng) {
this.$emit("headCallBack", this.newCenter, this.type, this.index, this.keyword);
this.$emit("refList");
this.newCenter = {lng: '', lat: ''}
}else{
this.newCenter = {
lng: '',
lat: ''
}
} else {
this.Error(this.$t('objFill.qingsousuobxznddz'));
}
},
}
}
</script>
<style scoped>
.serachinput{
</script>
<style scoped>
.serachinput {
margin-left: 10px;
margin-top: 10px;
width: 350px;
height: 30px;
margin-right: 10px;
}
</style>
</style>
src/components/public/echoMap.vue
View file @ 00eb1e81
<template>
<div>
<baidu-map v-bind:style="mapStyle" class="bm-view"
ak="L5Qw0GlbbCIMwgR4Uug3ogM40Imkd3CV"
:center="center" :zoom="zoom" :scroll-wheel-zoom="true"
@click="getClickInfo" @moving="syncCenterAndZoom" @moveend="syncCenterAndZoom" @zoomend="syncCenterAndZoom">
<bm-view style="width: 100%; height:300px;"></bm-view>
<bm-marker :position="center"
:dragging="true"
animation="BMAP_ANIMATION_BOUNCE">
<bm-label v-if="radius>0" :content="$t('objFill.jieongdfw')" :position="center" :labelStyle="{color: 'red', fontSize : '16px','border':'0px','margin-top':'20px'}" title="Hover me"/>
</bm-marker>
<!-- <bm-control :offset="{width: '10px', height: '10px'}" style="display: flex;justify-content: space-between;align-items: center;">
<bm-auto-complete v-model="keyword" :sugStyle="{zIndex: 999999}">
<input v-model="keyword" type="text" placeholder="请输入搜索关键字" class="serachinput">
</bm-auto-complete>
<button style="margin-top: 10px;" class="normalBtn" type="primary" @click="determineLngLat">
{{$t('pub.sureBtn')}}
</button>
</bm-control> -->
<!-- <bm-local-search :keyword="keyword" :auto-viewport="true" :bounds="bounds" :panel="false"
style="width:0px;height:0px;overflow: hidden;"></bm-local-search>
<bm-polygon :path="polygonPath"></bm-polygon> -->
<div>
<!-- <baidu-map v-bind:style="mapStyle" class="bm-view" ak="L5Qw0GlbbCIMwgR4Uug3ogM40Imkd3CV" :center="center"
:zoom="zoom" :scroll-wheel-zoom="true" @click="getClickInfo" @moving="syncCenterAndZoom"
@moveend="syncCenterAndZoom" @zoomend="syncCenterAndZoom">
<bm-view style="width: 100%; height:300px;"></bm-view>
<bm-marker :position="center" :dragging="true" animation="BMAP_ANIMATION_BOUNCE">
<bm-label v-if="radius>0" :content="$t('objFill.jieongdfw')" :position="center"
:labelStyle="{color: 'red', fontSize : '16px','border':'0px','margin-top':'20px'}" title="Hover me" />
</bm-marker>
<template v-show="radius>0">
<bm-circle :center="center" :radius="radius" stroke-color="red" :stroke-opacity="0.8" :stroke-weight="0.5">
</bm-circle>
</template>
</baidu-map> -->
</div>
</template>
<template v-show="radius>0">
<bm-circle :center="center" :radius="radius" stroke-color="red" :stroke-opacity="0.8" :stroke-weight="0.5"></bm-circle>
</template>
</baidu-map>
</div>
</template>
<script>
import {BaiduMap, BmControl,
BmView, BmAutoComplete,
BmLocalSearch, BmMarker,
BmPolygon,BmCircle,BmLabel} from 'vue-baidu-map'
<script>
import {
BaiduMap,
BmControl,
BmView,
BmAutoComplete,
BmLocalSearch,
BmMarker,
BmPolygon,
BmCircle,
BmLabel
} from 'vue-baidu-map'
export default {
props: ["obj"],
components: {
......@@ -59,7 +53,7 @@
lat: 39.961627
// lng: 116.404, lat: 39.915
},
radius: 0,//1000
radius: 0, //1000
zoom: 15,
pStart: {
lng: 116.294625,
......@@ -72,83 +66,106 @@
}
},
watch: {
obj: {
handler(newValue,onldValue) {
obj: {
handler(newValue, onldValue) {
this.center.lng = this.obj.lng
this.center.lat = this.obj.lat
if(this.obj.Range){
if (this.obj.Range) {
this.radius = this.obj.Range
}
this.keyword = this.obj.Address
},
deep:true,
deep: true,
immediate: true
},
},
mounted() {
this.center.lng = this.obj.lng
this.center.lat = this.obj.lat
if(this.obj.Range){
this.radius = this.obj.Range
}
this.keyword = this.obj.Address
this.center.lng = this.obj.lng
this.center.lat = this.obj.lat
if (this.obj.Range) {
this.radius = this.obj.Range
}
this.keyword = this.obj.Address
},
methods: {
bounds () {
bounds() {
return {
sw: {lng: this.pStart.lng, lat: this.pStart.lat},
ne:{lng: this.pEnd.lng, lat: this.pEnd.lat}
sw: {
lng: this.pStart.lng,
lat: this.pStart.lat
},
ne: {
lng: this.pEnd.lng,
lat: this.pEnd.lat
}
}
},
polygonPath () {
return [
{lng: this.pStart.lng, lat: this.pStart.lat},
{lng: this.pEnd.lng, lat: this.pStart.lat},
{lng: this.pEnd.lng, lat: this.pEnd.lat},
{lng: this.pStart.lng, lat: this.pEnd.lat}
polygonPath() {
return [{
lng: this.pStart.lng,
lat: this.pStart.lat
},
{
lng: this.pEnd.lng,
lat: this.pStart.lat
},
{
lng: this.pEnd.lng,
lat: this.pEnd.lat
},
{
lng: this.pStart.lng,
lat: this.pEnd.lat
}
]
},
getClickInfo (e) {
let that= this
getClickInfo(e) {
let that = this
var gc = new BMap.Geocoder();
gc.getLocation(e.point, function (rs) {
if(rs.addressComponents){
if (rs.addressComponents) {
var addComp = rs.addressComponents;
let address_detail = addComp.province + addComp.city + addComp.district + addComp.street + addComp.streetNumber
let address_detail = addComp.province + addComp.city + addComp.district + addComp.street + addComp
.streetNumber
that.keyword = address_detail
}
})
this.center.lng = e.point.lng
this.center.lat = e.point.lat
},
syncCenterAndZoom (e) {
syncCenterAndZoom(e) {
return
const {lng, lat} = e.target.getCenter()
const {
lng,
lat
} = e.target.getCenter()
this.center.lng = lng
this.center.lat = lat
this.zoom = e.target.getZoom()
},
// 经纬度
determineLngLat(){
determineLngLat() {
return
if(this.center.lng){
if (this.center.lng) {
this.$emit("headCallBack", this.center, this.type, this.index, this.keyword);
this.$emit("refList");
}else{
} else {
this.Error(this.$t('objFill.v101.myOrdersAllType.qingssnxyddiz'));
}
},
}
}
</script>
<style scoped>
.serachinput{
</script>
<style scoped>
.serachinput {
margin-left: 10px;
margin-top: 10px;
width: 200px;
height: 30px;
margin-right: 10px;
}
</style>
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment