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 = { ...@@ -9,94 +9,10 @@ module.exports = {
assetsSubDirectory: `static`, assetsSubDirectory: `static`,
assetsPublicPath: '/', assetsPublicPath: '/',
proxyTable: { 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 // Various Dev Server settings
host: 'localhost', // can be overwritten by process.env.HOST host: 'localhost', // can be overwritten by process.env.HOST
......
index.html
View file @ 00eb1e81
...@@ -8,24 +8,21 @@ ...@@ -8,24 +8,21 @@
<meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate, no-store"> <meta http-equiv="Cache-Control" content="no-cache, must-revalidate, no-store">
<meta http-equiv="Expires" content="0"> <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 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/MarkerClusterer.js"></script>
<script type="text/javascript" src="static/CurveLine.min.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"> <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 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 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--> <!--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 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 --> <!--HK 2024-08-15 新加 End -->
<script src="/static/UE/ueditor.config.js"></script> <script src="/static/UE/ueditor.config.js"></script>
......
src/assets/utils/BMap.js
View file @ 00eb1e81
...@@ -3,11 +3,11 @@ export function MP(ak) { ...@@ -3,11 +3,11 @@ export function MP(ak) {
window.onload = function () { window.onload = function () {
resolve(BMap) resolve(BMap)
} }
var script = document.createElement("script"); // var script = document.createElement("script");
script.type = "text/javascript"; // script.type = "text/javascript";
script.src = "http://api.map.baidu.com/api?v=2.0&ak="+ak; // script.src = "http://api.map.baidu.com/api?v=2.0&ak="+ak;
script.onerror = reject; // script.onerror = reject;
document.head.appendChild(script); // document.head.appendChild(script);
}) })
} }
\ No newline at end of file
src/components/Hotel/DiDa/HotelDetails.vue
View file @ 00eb1e81
...@@ -1296,13 +1296,13 @@ ...@@ -1296,13 +1296,13 @@
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
var tempObj = res.data.data; var tempObj = res.data.data;
this.DidaHotelDetails = tempObj; this.DidaHotelDetails = tempObj;
this.hotelMapUrl = `http://api.weboss.hk/baidu_map/api.php?prop1=` + this.DidaHotelDetails // this.hotelMapUrl = `http://api.weboss.hk/baidu_map/api.php?prop1=` + this.DidaHotelDetails
.Name_CN + `&prop2=` + this.DidaHotelDetails.Address_CN + `&prop3=` + this.DidaHotelDetails // .Name_CN + `&prop2=` + this.DidaHotelDetails.Address_CN + `&prop3=` + this.DidaHotelDetails
.Longitude + `,` + this.DidaHotelDetails // .Longitude + `,` + this.DidaHotelDetails
.Latitude + `&prop4=100%&prop5=100%`; // .Latitude + `&prop4=100%&prop5=100%`;
this.initMap(this.DidaHotelDetails.Longitude, this.DidaHotelDetails.Latitude, this.DidaHotelDetails // this.initMap(this.DidaHotelDetails.Longitude, this.DidaHotelDetails.Latitude, this.DidaHotelDetails
.Name_CN) // .Name_CN)
if (this.DidaHotelDetails.StarRating) { if (this.DidaHotelDetails.StarRating) {
this.startNum = Math.ceil(this.DidaHotelDetails.StarRating); this.startNum = Math.ceil(this.DidaHotelDetails.StarRating);
} }
...@@ -1442,36 +1442,36 @@ ...@@ -1442,36 +1442,36 @@
} }
}, },
initMap(lng, lat, name) { initMap(lng, lat, name) {
if (this.map) { // if (this.map) {
this.map.clearOverlays() // this.map.clearOverlays()
} // }
var that = this; // var that = this;
this.map = new BMap.Map("mapContainer", { // this.map = new BMap.Map("mapContainer", {
enableMapClick: false, // enableMapClick: false,
minZoom: 3, // minZoom: 3,
maxZoom: 50, // maxZoom: 50,
}) //新建地图实例，enableMapClick:false ：禁用地图默认点击弹框 // }) //新建地图实例，enableMapClick:false ：禁用地图默认点击弹框
var point = new BMap.Point(lng, lat); // var point = new BMap.Point(lng, lat);
this.map.centerAndZoom(new BMap.Point(lng, lat), 15) // this.map.centerAndZoom(new BMap.Point(lng, lat), 15)
this.map.enableScrollWheelZoom(false) // this.map.enableScrollWheelZoom(false)
var marker = new BMap.Marker(point); //标记点 // var marker = new BMap.Marker(point); //标记点
var label = new BMap.Label(name, { // var label = new BMap.Label(name, {
offset: new BMap.Size(0, 28) // offset: new BMap.Size(0, 28)
}); //标签 // }); //标签
label.setStyle({ // label.setStyle({
color: "#FFF", // color: "#FFF",
fontSize: "10px", // fontSize: "10px",
height: "24px", // height: "24px",
lineHeight: "20px", // lineHeight: "20px",
padding: "2px 5px", // padding: "2px 5px",
border: "1px solid rgba(230, 0, 0, 0.7)", // border: "1px solid rgba(230, 0, 0, 0.7)",
background: "rgba(230, 0, 0, 0.7)", // background: "rgba(230, 0, 0, 0.7)",
fontWeight: "bold", // fontWeight: "bold",
transform: 'translateX(-50%)', // transform: 'translateX(-50%)',
fontFamily: "微软雅黑" // fontFamily: "微软雅黑"
}) // })
marker.setLabel(label) // marker.setLabel(label)
this.map.addOverlay(marker); // this.map.addOverlay(marker);
}, },
getAveragePrice(PriceList) { getAveragePrice(PriceList) {
let totelPrice = 0 let totelPrice = 0
......
src/components/SalesModule/VisitPlanMap.vue
View file @ 00eb1e81
...@@ -124,7 +124,7 @@ export default { ...@@ -124,7 +124,7 @@ export default {
div.appendChild(sanjiao); div.appendChild(sanjiao);
var that = this; var that = this;
var arrow = this._arrow = document.createElement("div"); 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.position = "absolute";
arrow.style.width = "11px"; arrow.style.width = "11px";
arrow.style.height = "10px"; arrow.style.height = "10px";
......
src/components/SalesModule/VisitRecord.vue
View file @ 00eb1e81
...@@ -166,14 +166,14 @@ export default { ...@@ -166,14 +166,14 @@ export default {
let end_time=start_time+86400 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'; 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=>{ // 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 // let xy=res.data.points
this.Point=[] // this.Point=[]
xy.forEach(x=>{ // xy.forEach(x=>{
this.Point.push({xy:[x.latitude,x.longitude]}) // this.Point.push({xy:[x.latitude,x.longitude]})
}) // })
this.creatMap() // this.creatMap()
}) // })
}, },
showLocation(date){ showLocation(date){
...@@ -306,7 +306,7 @@ export default { ...@@ -306,7 +306,7 @@ export default {
div.appendChild(sanjiao); div.appendChild(sanjiao);
var that = this; var that = this;
var arrow = this._arrow = document.createElement("div"); 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.position = "absolute";
arrow.style.width = "11px"; arrow.style.width = "11px";
arrow.style.height = "10px"; arrow.style.height = "10px";
......
src/components/SalesModule/customerMap.vue
View file @ 00eb1e81
...@@ -64,16 +64,16 @@ export default { ...@@ -64,16 +64,16 @@ export default {
baiduMapData: [], baiduMapData: [],
changebaiduMapData: [], changebaiduMapData: [],
centerP: null, centerP: null,
options0: { // options0: {
size: BMAP_POINT_SIZE_BIGGER, // size: BMAP_POINT_SIZE_BIGGER,
shape: BMAP_POINT_SHAPE_CIRCLE, // shape: BMAP_POINT_SHAPE_CIRCLE,
color: '#1eb3ff' // color: '#1eb3ff'
}, // },
options1: { // options1: {
size: BMAP_POINT_SIZE_BIGGER, // size: BMAP_POINT_SIZE_BIGGER,
shape: BMAP_POINT_SHAPE_CIRCLE, // shape: BMAP_POINT_SHAPE_CIRCLE,
color: '#5fffa3' // color: '#5fffa3'
}, // },
list0: [], list0: [],
list1: [], list1: [],
}; };
...@@ -98,42 +98,42 @@ export default { ...@@ -98,42 +98,42 @@ export default {
} }
}, },
creatMap(arr, type){ creatMap(arr, type){
let _this = this // let _this = this
//实例化，并设置最大最小缩放层级 // //实例化，并设置最大最小缩放层级
if(this.map) { // if(this.map) {
this.map.clearOverlays() // this.map.clearOverlays()
} else { // } else {
this.map = new BMap.Map("centerMpBaidu", { // this.map = new BMap.Map("centerMpBaidu", {
minZoom: 3, // minZoom: 3,
maxZoom: 20, // maxZoom: 20,
}); // });
//设置中心点、默认缩放层级 // //设置中心点、默认缩放层级
if (_this.centerP) { // if (_this.centerP) {
this.map.centerAndZoom(new BMap.Point(_this.centerP.Lng, _this.centerP.Lat), 10); // this.map.centerAndZoom(new BMap.Point(_this.centerP.Lng, _this.centerP.Lat), 10);
} else { // } else {
this.map.centerAndZoom(new BMap.Point(104.0727017791, 30.6643622306), 10); // this.map.centerAndZoom(new BMap.Point(104.0727017791, 30.6643622306), 10);
} // }
this.map.setMapStyleV2({ // this.map.setMapStyleV2({
styleId: '33046c341768c2774ab011cc7cf013d1' // styleId: '33046c341768c2774ab011cc7cf013d1'
}); // });
this.map.enableScrollWheelZoom(true); // this.map.enableScrollWheelZoom(true);
} // }
//可以鼠标缩放 // //可以鼠标缩放
const points = arr; // const points = arr;
let list0 = [], list1 = []; // let list0 = [], list1 = [];
points.forEach(item => { // points.forEach(item => {
let obj = new BMap.Point(item.Lng, item.Lat) // let obj = new BMap.Point(item.Lng, item.Lat)
obj.CustomerId = item.CustomerId // obj.CustomerId = item.CustomerId
if(item.type == 0) { // if(item.type == 0) {
list0.push(obj) // list0.push(obj)
} else if (item.type == 1){ // } else if (item.type == 1){
list1.push(obj) // list1.push(obj)
} // }
}) // })
this.list0 = list0; // this.list0 = list0;
this.list1 = list1; // this.list1 = list1;
this.changePointsColor(this.list0,this.options0); // this.changePointsColor(this.list0,this.options0);
this.changePointsColor(this.list1,this.options1); // this.changePointsColor(this.list1,this.options1);
}, },
changePointsColor(points, options){ changePointsColor(points, options){
var map = this.map; var map = this.map;
...@@ -187,7 +187,6 @@ export default { ...@@ -187,7 +187,6 @@ export default {
x.type = 1 x.type = 1
}) })
let baiduMapData = [...data.ActivateList, ...data.InActiveList, ...data.NotVisit]; let baiduMapData = [...data.ActivateList, ...data.InActiveList, ...data.NotVisit];
// let baiduMapData = [...data.NotVisit, ...data.ActivateList];
this.baiduMapData = baiduMapData this.baiduMapData = baiduMapData
this.creatMap(this.baiduMapData) this.creatMap(this.baiduMapData)
} }
......
src/components/SalesModule/passengerDetail.vue
View file @ 00eb1e81
...@@ -466,9 +466,6 @@ ...@@ -466,9 +466,6 @@
loading: false, loading: false,
appkey_ocr: "OGAhU38ib8EweXMtPVqCbkpN", appkey_ocr: "OGAhU38ib8EweXMtPVqCbkpN",
secretKey_ocr: "OcqfFF5hlleWovzA6vLweykxPgwE8XF2", 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: "", access_token_ocr: "",
templateType: 1, templateType: 1,
templateSign: "", 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 @@ ...@@ -969,8 +969,8 @@
</el-dialog> </el-dialog>
<el-dialog custom-class="mapList" :title="$t('hotel.hotel_mapLocation')" center :visible.sync="selectAddress"> <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" <!-- <Map @refList="selectAddress = false" v-on:headCallBack="headCall" v-bind:Address="Address"
:type="MapType" :index="index"></Map> :type="MapType" :index="index"></Map> -->
</el-dialog> </el-dialog>
<div class="btn-list"> <div class="btn-list">
...@@ -984,11 +984,11 @@ ...@@ -984,11 +984,11 @@
</div> </div>
</template> </template>
<script> <script>
import Map from "../../public/Map.vue"; // import Map from "../../public/Map.vue";
import DMCchooseImg from "../../commonPage/DMCchooseImg.vue"; import DMCchooseImg from "../../commonPage/DMCchooseImg.vue";
export default { export default {
components: { components: {
Map: Map, // Map: Map,
DMCchooseImg: DMCchooseImg DMCchooseImg: DMCchooseImg
}, },
data() { data() {
......
src/components/confirmationOrderDownLoadNew.vue
View file @ 00eb1e81
...@@ -109,7 +109,7 @@ ...@@ -109,7 +109,7 @@
<div class="trip_cover" v-show="pdfLoading" v-loading="pdfLoading" :element-loading-text="loadingText"></div> <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-row style="padding: 0 0 20px 0;box-shadow: 1px 10px 10px#e6e6e6;">
<el-col :span="14" class="row-aic"> <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> download="xx.pdf">{{$t('objFill.v101.yemiantiaoz')}}</a>
<template v-if="orderId>0"> <template v-if="orderId>0">
<el-button type="primary" @click="toPDF_2023()"> <el-button type="primary" @click="toPDF_2023()">
......
src/components/public/Map.vue
View file @ 00eb1e81
<template> <template>
<div> <div>
<baidu-map v-bind:style="mapStyle" class="bm-view" <!-- <baidu-map v-bind:style="mapStyle" class="bm-view" ak="L5Qw0GlbbCIMwgR4Uug3ogM40Imkd3CV" :center="center"
ak="L5Qw0GlbbCIMwgR4Uug3ogM40Imkd3CV" :zoom="zoom" :scroll-wheel-zoom="true" @click="getClickInfo" @moving="syncCenterAndZoom"
:center="center" :zoom="zoom" :scroll-wheel-zoom="true" @moveend="syncCenterAndZoom" @zoomend="syncCenterAndZoom">
@click="getClickInfo" @moving="syncCenterAndZoom" @moveend="syncCenterAndZoom" @zoomend="syncCenterAndZoom"> <bm-view style="width: 100%; height:400px;"></bm-view>
<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-marker :position="{lng: center.lng, lat: center.lat}" <bm-label v-if="radius>0" :content="$t('objFill.jiesongdianfw')" :position="center"
:dragging="true" :labelStyle="{color: 'red', fontSize : '16px','border':'0px','margin-top':'20px'}" title="Hover me" />
animation="BMAP_ANIMATION_BOUNCE"> </bm-marker>
<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-control :offset="{width: '10px', height: '10px'}">
</bm-marker> <bm-auto-complete v-model="keyword" :sugStyle="{zIndex: 999999}">
<bm-control :offset="{width: '10px', height: '10px'}"> <input v-model="keyword" type="text" :placeholder="$t('objFill.qingshugjcss')" class="serachinput">
<bm-auto-complete v-model="keyword" :sugStyle="{zIndex: 999999}"> </bm-auto-complete>
<input v-model="keyword" type="text" :placeholder="$t('objFill.qingshugjcss')" class="serachinput"> <button class="normalBtn" type="primary" @click="determineLngLat">
</bm-auto-complete> {{$t('pub.sureBtn')}}
<button class="normalBtn" type="primary" @click="determineLngLat"> </button>
{{$t('pub.sureBtn')}} </bm-control>
</button> <bm-local-search v-if="radius>0" :keyword="keyword" :nearby="nearby" :auto-viewport="true" :panel="false"
</bm-control> style="width:0px;height:0px;overflow: hidden;"></bm-local-search>
<bm-local-search v-if="radius>0" :keyword="keyword" :nearby="nearby" :auto-viewport="true" :panel="false" <bm-local-search v-else :keyword="keyword" :auto-viewport="true" :panel="false"
style="width:0px;height:0px;overflow: hidden;"></bm-local-search> style="width:0px;height:0px;overflow: hidden;"></bm-local-search>
<bm-local-search v-else :keyword="keyword" :auto-viewport="true" :panel="false" <template v-show="radius>0">
style="width:0px;height:0px;overflow: hidden;"></bm-local-search> <bm-circle :center="center" :radius="radius" stroke-color="red" :stroke-opacity="0.8" :stroke-weight="0.5">
<template v-show="radius>0"> </bm-circle>
<bm-circle :center="center" :radius="radius" stroke-color="red" :stroke-opacity="0.8" :stroke-weight="0.5"></bm-circle> </template>
</template> </baidu-map> -->
</baidu-map> </div>
</div> </template>
</template>
<script> <script>
import {BaiduMap, BmControl, import {
BmView, BmAutoComplete, BaiduMap,
BmLocalSearch, BmMarker,BmPolygon,BmCircle,BmLabel} from 'vue-baidu-map' BmControl,
BmView,
BmAutoComplete,
BmLocalSearch,
BmMarker,
BmPolygon,
BmCircle,
BmLabel
} from 'vue-baidu-map'
export default { export default {
props: ["Address", "type", "index","GetOff"], props: ["Address", "type", "index", "GetOff"],
components: { components: {
BaiduMap, BaiduMap,
BmControl, BmControl,
...@@ -48,14 +55,20 @@ ...@@ -48,14 +55,20 @@
}, },
data() { data() {
return { return {
radius:0, radius: 0,
keyword: '', keyword: '',
mapStyle: { mapStyle: {
width: '100%', width: '100%',
height: '100%' height: '100%'
}, },
center: {lng: 116.404, lat: 39.915}, center: {
newCenter: {lng: '', lat: ''}, lng: 116.404,
lat: 39.915
},
newCenter: {
lng: '',
lat: ''
},
zoom: 20, zoom: 20,
nearby: { nearby: {
center: { center: {
...@@ -68,58 +81,59 @@ ...@@ -68,58 +81,59 @@
}, },
watch: { watch: {
Address: { Address: {
handler(newValue,onldValue) { handler(newValue, onldValue) {
this.keyword = newValue this.keyword = newValue
}, },
deep:true, deep: true,
immediate: true immediate: true
}, },
GetOff: { GetOff: {
handler(newValue,onldValue) { handler(newValue, onldValue) {
if(this.GetOff){ if (this.GetOff) {
this.center.lng = this.GetOff.Lng this.center.lng = this.GetOff.Lng
this.center.lat = this.GetOff.Lat this.center.lat = this.GetOff.Lat
if(this.GetOff.Range){ if (this.GetOff.Range) {
this.radius = this.GetOff.Range this.radius = this.GetOff.Range
} }
} }
this.nearby = { this.nearby = {
center: { center: {
lng:this.center.lng, lng: this.center.lng,
lat:this.center.lat lat: this.center.lat
}, },
radius: this.radius radius: this.radius
} }
}, },
deep:true, deep: true,
immediate: true immediate: true
}, },
}, },
mounted() { mounted() {
if(this.GetOff){ if (this.GetOff) {
this.center.lng = this.GetOff.Lng this.center.lng = this.GetOff.Lng
this.center.lat = this.GetOff.Lat this.center.lat = this.GetOff.Lat
if(this.GetOff.Range){ if (this.GetOff.Range) {
this.radius = this.GetOff.Range this.radius = this.GetOff.Range
} }
} }
this.keyword = this.Address this.keyword = this.Address
this.nearby = { this.nearby = {
center: { center: {
lng:this.center.lng, lng: this.center.lng,
lat:this.center.lat lat: this.center.lat
}, },
radius: this.radius radius: this.radius
} }
}, },
methods: { methods: {
getClickInfo (e) { getClickInfo(e) {
let that= this let that = this
var gc = new BMap.Geocoder(); var gc = new BMap.Geocoder();
gc.getLocation(e.point, function (rs) { gc.getLocation(e.point, function (rs) {
if(rs.addressComponents){ if (rs.addressComponents) {
var addComp = 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 that.keyword = address_detail
} }
}) })
...@@ -128,9 +142,12 @@ ...@@ -128,9 +142,12 @@
this.newCenter.lng = e.point.lng this.newCenter.lng = e.point.lng
this.newCenter.lat = e.point.lat this.newCenter.lat = e.point.lat
}, },
syncCenterAndZoom (e) { syncCenterAndZoom(e) {
if(this.GetOff) return if (this.GetOff) return
const {lng, lat} = e.target.getCenter() const {
lng,
lat
} = e.target.getCenter()
this.center.lng = lng this.center.lng = lng
this.center.lat = lat this.center.lat = lat
this.newCenter.lng = lng this.newCenter.lng = lng
...@@ -138,25 +155,30 @@ ...@@ -138,25 +155,30 @@
this.zoom = e.target.getZoom() this.zoom = e.target.getZoom()
}, },
// 经纬度 // 经纬度
determineLngLat(){ determineLngLat() {
if(this.newCenter.lng){ if (this.newCenter.lng) {
this.$emit("headCallBack", this.newCenter, this.type, this.index, this.keyword); this.$emit("headCallBack", this.newCenter, this.type, this.index, this.keyword);
this.$emit("refList"); this.$emit("refList");
this.newCenter = {lng: '', lat: ''} this.newCenter = {
}else{ lng: '',
lat: ''
}
} else {
this.Error(this.$t('objFill.qingsousuobxznddz')); this.Error(this.$t('objFill.qingsousuobxznddz'));
} }
}, },
} }
} }
</script>
<style scoped> </script>
.serachinput{
<style scoped>
.serachinput {
margin-left: 10px; margin-left: 10px;
margin-top: 10px; margin-top: 10px;
width: 350px; width: 350px;
height: 30px; height: 30px;
margin-right: 10px; margin-right: 10px;
} }
</style>
</style>
src/components/public/echoMap.vue
View file @ 00eb1e81
<template> <template>
<div> <div>
<baidu-map v-bind:style="mapStyle" class="bm-view" <!-- <baidu-map v-bind:style="mapStyle" class="bm-view" ak="L5Qw0GlbbCIMwgR4Uug3ogM40Imkd3CV" :center="center"
ak="L5Qw0GlbbCIMwgR4Uug3ogM40Imkd3CV" :zoom="zoom" :scroll-wheel-zoom="true" @click="getClickInfo" @moving="syncCenterAndZoom"
:center="center" :zoom="zoom" :scroll-wheel-zoom="true" @moveend="syncCenterAndZoom" @zoomend="syncCenterAndZoom">
@click="getClickInfo" @moving="syncCenterAndZoom" @moveend="syncCenterAndZoom" @zoomend="syncCenterAndZoom"> <bm-view style="width: 100%; height:300px;"></bm-view>
<bm-view style="width: 100%; height:300px;"></bm-view> <bm-marker :position="center" :dragging="true" animation="BMAP_ANIMATION_BOUNCE">
<bm-marker :position="center" <bm-label v-if="radius>0" :content="$t('objFill.jieongdfw')" :position="center"
:dragging="true" :labelStyle="{color: 'red', fontSize : '16px','border':'0px','margin-top':'20px'}" title="Hover me" />
animation="BMAP_ANIMATION_BOUNCE"> </bm-marker>
<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"/> <template v-show="radius>0">
</bm-marker> <bm-circle :center="center" :radius="radius" stroke-color="red" :stroke-opacity="0.8" :stroke-weight="0.5">
<!-- <bm-control :offset="{width: '10px', height: '10px'}" style="display: flex;justify-content: space-between;align-items: center;"> </bm-circle>
<bm-auto-complete v-model="keyword" :sugStyle="{zIndex: 999999}"> </template>
<input v-model="keyword" type="text" placeholder="请输入搜索关键字" class="serachinput"> </baidu-map> -->
</bm-auto-complete> </div>
<button style="margin-top: 10px;" class="normalBtn" type="primary" @click="determineLngLat"> </template>
{{$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> -->
<template v-show="radius>0"> <script>
<bm-circle :center="center" :radius="radius" stroke-color="red" :stroke-opacity="0.8" :stroke-weight="0.5"></bm-circle> import {
</template> BaiduMap,
</baidu-map> BmControl,
</div> BmView,
</template> BmAutoComplete,
BmLocalSearch,
<script> BmMarker,
import {BaiduMap, BmControl, BmPolygon,
BmView, BmAutoComplete, BmCircle,
BmLocalSearch, BmMarker, BmLabel
BmPolygon,BmCircle,BmLabel} from 'vue-baidu-map' } from 'vue-baidu-map'
export default { export default {
props: ["obj"], props: ["obj"],
components: { components: {
...@@ -59,7 +53,7 @@ ...@@ -59,7 +53,7 @@
lat: 39.961627 lat: 39.961627
// lng: 116.404, lat: 39.915 // lng: 116.404, lat: 39.915
}, },
radius: 0,//1000 radius: 0, //1000
zoom: 15, zoom: 15,
pStart: { pStart: {
lng: 116.294625, lng: 116.294625,
...@@ -72,83 +66,106 @@ ...@@ -72,83 +66,106 @@
} }
}, },
watch: { watch: {
obj: { obj: {
handler(newValue,onldValue) { handler(newValue, onldValue) {
this.center.lng = this.obj.lng this.center.lng = this.obj.lng
this.center.lat = this.obj.lat this.center.lat = this.obj.lat
if(this.obj.Range){ if (this.obj.Range) {
this.radius = this.obj.Range this.radius = this.obj.Range
} }
this.keyword = this.obj.Address this.keyword = this.obj.Address
}, },
deep:true, deep: true,
immediate: true immediate: true
}, },
}, },
mounted() { mounted() {
this.center.lng = this.obj.lng this.center.lng = this.obj.lng
this.center.lat = this.obj.lat this.center.lat = this.obj.lat
if(this.obj.Range){ if (this.obj.Range) {
this.radius = this.obj.Range this.radius = this.obj.Range
} }
this.keyword = this.obj.Address this.keyword = this.obj.Address
}, },
methods: { methods: {
bounds () { bounds() {
return { return {
sw: {lng: this.pStart.lng, lat: this.pStart.lat}, sw: {
ne:{lng: this.pEnd.lng, lat: this.pEnd.lat} lng: this.pStart.lng,
lat: this.pStart.lat
},
ne: {
lng: this.pEnd.lng,
lat: this.pEnd.lat
}
} }
}, },
polygonPath () { polygonPath() {
return [ return [{
{lng: this.pStart.lng, lat: this.pStart.lat}, lng: this.pStart.lng,
{lng: this.pEnd.lng, lat: this.pStart.lat}, lat: this.pStart.lat
{lng: this.pEnd.lng, lat: this.pEnd.lat}, },
{lng: this.pStart.lng, lat: this.pEnd.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) { getClickInfo(e) {
let that= this let that = this
var gc = new BMap.Geocoder(); var gc = new BMap.Geocoder();
gc.getLocation(e.point, function (rs) { gc.getLocation(e.point, function (rs) {
if(rs.addressComponents){ if (rs.addressComponents) {
var addComp = 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 that.keyword = address_detail
} }
}) })
this.center.lng = e.point.lng this.center.lng = e.point.lng
this.center.lat = e.point.lat this.center.lat = e.point.lat
}, },
syncCenterAndZoom (e) { syncCenterAndZoom(e) {
return return
const {lng, lat} = e.target.getCenter() const {
lng,
lat
} = e.target.getCenter()
this.center.lng = lng this.center.lng = lng
this.center.lat = lat this.center.lat = lat
this.zoom = e.target.getZoom() this.zoom = e.target.getZoom()
}, },
// 经纬度 // 经纬度
determineLngLat(){ determineLngLat() {
return return
if(this.center.lng){ if (this.center.lng) {
this.$emit("headCallBack", this.center, this.type, this.index, this.keyword); this.$emit("headCallBack", this.center, this.type, this.index, this.keyword);
this.$emit("refList"); this.$emit("refList");
}else{ } else {
this.Error(this.$t('objFill.v101.myOrdersAllType.qingssnxyddiz')); this.Error(this.$t('objFill.v101.myOrdersAllType.qingssnxyddiz'));
} }
}, },
} }
} }
</script>
<style scoped> </script>
.serachinput{
<style scoped>
.serachinput {
margin-left: 10px; margin-left: 10px;
margin-top: 10px; margin-top: 10px;
width: 200px; width: 200px;
height: 30px; height: 30px;
margin-right: 10px; 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