Skip to content

B
baidu_map
Commit 10176464 authored by mahui's avatar mahui
Browse files
Options

111

parent 7e9cb9ac
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 127 additions and 590 deletions
.eslintignore deleted 100644 → 0
View file @ 7e9cb9ac
/build/
/config/
/dist/
/*.js
/test/unit/coverage/
/* eslint-disable */
.eslintrc.js deleted 100644 → 0
View file @ 7e9cb9ac
// https://eslint.org/docs/user-guide/configuring
module.exports = {
root: true,
parserOptions: {
parser: 'babel-eslint'
},
env: {
browser: true,
},
extends: [
// https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
// consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
'plugin:vue/essential',
// https://github.com/standard/standard/blob/master/docs/RULES-en.md
'standard'
],
// required to lint *.vue files
plugins: [
'vue'
],
// add your custom rules here
rules: {
// allow async-await
'generator-star-spacing': 'off',
// allow debugger during development
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
}
}
config/index.js
View file @ 10176464
...@@ -13,8 +13,8 @@ module.exports = { ...@@ -13,8 +13,8 @@ module.exports = {
proxyTable: {}, proxyTable: {},
// Various Dev Server settings // Various Dev Server settings
host: 'localhost', // can be overwritten by process.env.HOST host: '192.168.1.162', // can be overwritten by process.env.HOST
port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined port: 80, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
autoOpenBrowser: false, autoOpenBrowser: false,
errorOverlay: true, errorOverlay: true,
notifyOnErrors: true, notifyOnErrors: true,
......
index.html
View file @ 10176464
...@@ -3,8 +3,8 @@ ...@@ -3,8 +3,8 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>gongche</title> <title>监控</title>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=4R80wtlWhGSZFWH3yUHfqkuBjgMTnEzY"></script> <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=yu8L3gbGEjjy6VkqsUWE7slPnZoQ6npG"></script>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>
......
package-lock.json
View file @ 10176464
This diff is collapsed.
package.json
View file @ 10176464
{ {
"name": "gongche", "name": "monitor",
"version": "1.0.0", "version": "1.0.0",
"description": "gongche", "description": "monitor",
"author": "urey", "author": "urey",
"private": true, "private": true,
"scripts": { "scripts": {
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
"start": "npm run dev", "start": "npm run dev",
"unit": "jest --config test/unit/jest.conf.js --coverage",
"e2e": "node test/e2e/runner.js",
"test": "npm run unit && npm run e2e",
"lint": "eslint --ext .js,.vue src test/unit test/e2e/specs",
"build": "node build/build.js" "build": "node build/build.js"
}, },
"dependencies": { "dependencies": {
...@@ -37,7 +33,6 @@ ...@@ -37,7 +33,6 @@
"copy-webpack-plugin": "^4.0.1", "copy-webpack-plugin": "^4.0.1",
"cross-spawn": "^5.0.1", "cross-spawn": "^5.0.1",
"css-loader": "^0.28.0", "css-loader": "^0.28.0",
"eslint": "^4.15.0",
"eslint-config-standard": "^10.2.1", "eslint-config-standard": "^10.2.1",
"eslint-friendly-formatter": "^3.0.0", "eslint-friendly-formatter": "^3.0.0",
"eslint-loader": "^1.7.1", "eslint-loader": "^1.7.1",
......
src/components/map.vue
View file @ 10176464
...@@ -57,83 +57,75 @@ ...@@ -57,83 +57,75 @@
{label:'岛石镇',value:'岛石镇'}, {label:'岛石镇',value:'岛石镇'},
{label:'清凉峰镇',value:'清凉峰镇'} {label:'清凉峰镇',value:'清凉峰镇'}
], ],
map_data:[ map: undefined,
{ keywords: '',
label:'青山-青罗线与岗阳街路口对角A2B4', all_data: [
x:119.817653,
y:30.303568 ],
}, search_data: [
{
label:'青山-青罗线与岗阳街路口对角A2B4',
longitude:119.817653,
latitude:30.303568
},
{ {
label:'青山-胜联路十字路口A1', label:'青山-胜联路十字路口A1',
x:119.828229, longitude:119.828229,
y:30.274509 latitude:30.274509
}, },
{ {
label:'青山-胜联路第三个叉路口路灯杆A1', label:'青山-胜联路第三个叉路口路灯杆A1',
x:119.831894, longitude:119.831894,
y:30.3048 latitude:30.3048
}, },
{ {
label:'青山-杭瑞高速与汪宫线路口A1', label:'青山-杭瑞高速与汪宫线路口A1',
x:119.87221, longitude:119.87221,
y:30.251338 latitude:30.251338
}, },
{ {
label:'青山-华旺厂门口A1', label:'青山-华旺厂门口A1',
x:119.850356, longitude:119.850356,
y:30.269257 latitude:30.269257
}, },
{ {
label:'青山-发达路与科技大道路灯杆A1', label:'青山-发达路与科技大道路灯杆A1',
x:119.842598, longitude:119.842598,
y:30.262775, latitude:30.262775,
}, },
], ],
map: undefined,
keywords: '',
all_data: [],
search_data: [],
data: {} data: {}
} }
}, },
mounted() { mounted() {
this.clearOverlays(); this.$nextTick(()=>{
this.clearOverlays();
})
}, },
methods: { methods: {
clearOverlays: function() { clearOverlays() {
let self = this;
// 百度地图API功能 // 百度地图API功能
this.map = new BMap.Map("allmap"); this.map = new BMap.Map("allmap");
var coordinate = new BMap.Point(119.352500, 30.234125); // 创建标注 let coordinate = new BMap.Point(119.352500, 30.234125); // 创建标注
this.map.centerAndZoom(coordinate, 11); this.map.centerAndZoom(coordinate, 11);
this.map.addControl(new BMap.NavigationControl()); // 添加平移缩放控件 this.map.addControl(new BMap.NavigationControl()); // 添加平移缩放控件
this.map.addControl(new BMap.ScaleControl()); // 添加比例尺控件 this.map.addControl(new BMap.ScaleControl()); // 添加比例尺控件
this.map.addControl(new BMap.OverviewMapControl()); //添加缩略地图控件 this.map.addControl(new BMap.OverviewMapControl()); //添加缩略地图控件
this.map.enableScrollWheelZoom(); this.map.enableScrollWheelZoom();
setTimeout(function() { setTimeout(()=>{
self.getBoundary(self.map, true, 0); this.getBoundary(this.map);
}, 2000); }, 2000);
}, },
key_input:function(val) { mapShow(coordinate, item) {
this.search_data = [];
if (val != '') {
this.api('',val);
} else if (val == '') {
this.api(this.value,val);
}
},
mapShow: function(coordinate, item) {
let self = this; let self = this;
var opts = { let opts = {
position: coordinate, // 指定文本标注所在的地理位置 position: coordinate, // 指定文本标注所在的地理位置
offset: new BMap.Size(5, -40) //设置文本偏移量 offset: new BMap.Size(5, 0) //设置文本偏移量
} }
var label = new BMap.Label('<p>' + item.position + '</p>', opts); // 创建文本标注对象 let label = new BMap.Label('<p>' + item.label + '</p>', opts); // 创建文本标注对象
label.setStyle({ label.setStyle({
color: "#444", color: "#444",
fontSize: "12px", fontSize: "12px",
height: "20px",
lineHeight: "20px",
padding: '5px', padding: '5px',
borderColor: '#aaa', borderColor: '#aaa',
borderRadius: '5px', borderRadius: '5px',
...@@ -141,8 +133,8 @@ ...@@ -141,8 +133,8 @@
fontFamily: "微软雅黑" fontFamily: "微软雅黑"
}); });
this.map.addOverlay(label); this.map.addOverlay(label);
var myIcon = new BMap.Icon("static/blue.png", new BMap.Size(12,16)); let myIcon = new BMap.Icon("static/blue.png", new BMap.Size(12,16));
var marker = new BMap.Marker(coordinate,{icon:myIcon}); let marker = new BMap.Marker(coordinate,{icon:myIcon});
this.map.addOverlay(marker); // 将标注添加到地图中 this.map.addOverlay(marker); // 将标注添加到地图中
marker.addEventListener("click", function() { marker.addEventListener("click", function() {
self.$emit('town_accept',item); self.$emit('town_accept',item);
...@@ -239,6 +231,9 @@ ...@@ -239,6 +231,9 @@
self.getBoundary(self.map, false, -1); self.getBoundary(self.map, false, -1);
} }
}); });
},
api(town,position) {
} }
} }
}); });
......
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