Skip to content

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

Merge branch 'master' of http://gitlab.linanquan.com/mahui/baidu_map 

# Conflicts:
#	src/components/map.vue
parents c483c1f0 1fa61c0e
Show whitespace changes
Inline Side-by-side
Showing with 1876 additions and 811 deletions
src/components/map.vue
View file @ 2a844c6b
......@@ -11,9 +11,11 @@
left: 0;
right: 0;
}
#allmap .anchorBL a {
display: none !important;
}
#allmap .BMap_bubble_content {
position: relative !important;
top: 10px !important;
......@@ -21,722 +23,1765 @@
overflow-y: auto !important;
}
#allmap .BMap_bubble_content>p {
#allmap .BMap_bubble_content > p {
line-height: 1em !important;
}
</style>
<script>
export default ({
name: 'mapDetail',
data(){
return{
value:'全区',
options:[
{label:'全区',value:'全区'},
{label:'锦城街道',value:'锦城街道'},
{label:'玲珑街道',value:'玲珑街道'},
{label:'锦南街道',value:'锦南街道'},
{label:'板桥镇',value:'板桥镇'},
{label:'锦北街道',value:'锦北街道'},
{label:'青山湖街道',value:'青山湖街道'},
{label:'高虹镇',value:'高虹镇'},
{label:'太湖源镇',value:'太湖源镇'},
{label:'天目山镇',value:'天目山镇'},
{label:'於潜镇',value:'於潜镇'},
{label:'潜川镇',value:'潜川镇'},
{label:'太阳镇',value:'太阳镇'},
{label:'湍口镇',value:'湍口镇'},
{label:'河桥镇',value:'河桥镇'},
{label:'昌化镇',value:'昌化镇'},
{label:'龙岗镇',value:'龙岗镇'},
{label:'岛石镇',value:'岛石镇'},
{label:'清凉峰镇',value:'清凉峰镇'}
data() {
return {
value: '全区',
options: [
{label: '全区', value: '全区'},
{label: '锦城街道', value: '锦城街道'},
{label: '玲珑街道', value: '玲珑街道'},
{label: '锦南街道', value: '锦南街道'},
{label: '板桥镇', value: '板桥镇'},
{label: '锦北街道', value: '锦北街道'},
{label: '青山湖街道', value: '青山湖街道'},
{label: '高虹镇', value: '高虹镇'},
{label: '太湖源镇', value: '太湖源镇'},
{label: '天目山镇', value: '天目山镇'},
{label: '於潜镇', value: '於潜镇'},
{label: '潜川镇', value: '潜川镇'},
{label: '太阳镇', value: '太阳镇'},
{label: '湍口镇', value: '湍口镇'},
{label: '河桥镇', value: '河桥镇'},
{label: '昌化镇', value: '昌化镇'},
{label: '龙岗镇', value: '龙岗镇'},
{label: '岛石镇', value: '岛石镇'},
{label: '清凉峰镇', value: '清凉峰镇'}
],
map: undefined,
keywords: '',
all_data: [
],
all_data: [],
// search_data: [
// {
// id:1,
// type:'青山',
// label:'青罗线与岗阳街路口对角',
// position:'119.817653,30.303568',
// data:[{
// type:1,
// num:2
// },{
// type:2,
// num:4
// }]
// },
// {
// id:2,
// type:'青山',
// label:'胜联路十字路口',
// position:'119.828229,30.274509',
// data:[{
// type:1,
// num:1
// }]
// },
// {
// id:3,
// type:'青山',
// label:'胜联路第三个叉路口路灯杆',
// position:'119.831894,30.3048',
// data:[{
// type:1,
// num:1
// }]
// },
// {
// id:4,
// type:'青山',
// label:'杭瑞高速与汪宫线路口',
// position:'119.87221,30.251338',
// data:[{
// type:1,
// num:1
// }]
// },
// {
// id:5,
// type:'青山',
// label:'华旺厂门口',
// position:'119.850356,30.269257',
// data:[{
// type:1,
// num:1
// }]
// },
// {
// id:6,
// type:'青山',
// label:'发达路与科技大道路灯杆',
// position:'119.842598,30.262775',
// data:[{
// type:1,
// num:1
// }]
// },
// {
// id:7,
// type:'青山',
// label:'科技大道慢车道出口富庆厂边',
// position:'119.845697,30.262908',
// data:[{
// type:1,
// num:1
// }]
// },
// {
// id:8,
// type:'青山',
// label:'科技大道与龙岭路路口',
// position:'119.848814,30.262697',
// data:[{
// type:1,
// num:1
// }]
// },
// {
// id:9,
// type:'青山',
// label:'科技大道与灵凤路十字路口路灯杆',
// position:'119.819399,30.264382',
// data:[{
// type:1,
// num:1
// }]
// },
// {
// id:10,
// type:'青山',
// label:'科技大道与星港路十字路口',
// position:'119.830768,30.262234',
// data:[{
// type:1,
// num:1
// }]
// },
// {
// id:11,
// type:'青山',
// label:'科技大道与星港路',
// position:'119.830736,30.26188',
// data:[{
// type:2,
// num:2
// }]
// },
// {
// id:12,
// type:'青山',
// label:'童村与锦北街道交界处',
// position:'119.817653,30.274579',
// data:[{
// type:1,
// num:2
// },
// {
// type:2,
// num:2
// }]
// },
// {
// id:13,
// type:'青山',
// label:'牧锦线与板桥交界处',
// position:'119.785188,30.22123',
// data:[{
// type:2,
// num:2
// }]
// },
// {
// id:14,
// type:'青山',
// label:'320县道牧家桥与青山交界处',
// position:'119.785979,30.229316',
// data:[{
// type:1,
// num:1
// },{
// type:2,
// num:2
// },{
// type:3,
// num:1
// }]
// },
// {
// id:15,
// type:'青山',
// label:'329国道汪家埠公交站东-西',
// position:'119.875194,30.258302',
// data:[{
// type:2,
// num:2
// }]
// },
// {
// id:16,
// type:'青山',
// label:'329国道隧道口青山交界处',
// position:'119.802208,30.231263',
// data:[{
// type:1,
// num:1
// },{
// type:2,
// num:2
// },{
// type:3,
// num:1
// }]
// },
// {
// id:17,
// type:'青山',
// label:'科技大道与临余桥交界处',
// position:'119.871385,30.26385',
// data:[{
// type:1,
// num:2
// },
// {
// type:2,
// num:4
// }]
// },
// {
// id:18,
// type:'青山',
// label:'科技大道与锦北街道交界处锦福家园',
// position:'119.81372,30.265322',
// data:[{
// type:1,
// num:2
// },
// {
// type:2,
// num:4
// }]
// },
// {
// id:19,
// type:'青山',
// label:'科技大道与东环路十字路口',
// position:'119.868409,30.263209',
// data:[{
// type:1,
// num:2
// }]
// },
// {
// id:20,
// type:'青山',
// label:'汪家埠与余杭交界处',
// position:'119.874502,30.258454',
// data:[{
// type:1,
// num:1
// }]
// },
// {
// id:21,
// type:'青山',
// label:'胜联路电子科技大学与余杭交接处',
// position:'119.841766,30.299351',
// data:[{
// type:1,
// num:1
// },
// {
// type:2,
// num:4
// },
// {
// type:3,
// num:1
// }]
// },
// {
// id:22,
// type:'青山',
// label:'225县道岗阳街与余杭交界处',
// position:'119.843154,30.282716',
// data:[{
// type:1,
// num:1
// },
// {
// type:2,
// num:2
// },
// {
// type:3,
// num:1
// }]
// },
// {
// id:23,
// type:'青山',
// label:'杭叉东面杨梅湾与余杭交界处',
// position:'119.871394,30.267386',
// data:[{
// type:1,
// num:1
// },
// {
// type:2,
// num:4
// },
// {
// type:3,
// num:1
// }]
// },
// {
// id:24,
// type:'青山',
// label:'青山大道与塘藤街十字路口',
// position:'119.853116,30.271032',
// data:[{
// type:1,
// num:1
// }]
// },
// {
// id:25,
// type:'青山',
// label:'青山二小',
// position:'119.82366,30.249679',
// data:[{
// type:1,
// num:5
// },
// {
// type:2,
// num:6
// }]
// },
// {
// id:26,
// type:'青山',
// label:'朱村公山小区',
// position:'119.815621,30.232138',
// data:[{
// type:1,
// num:4
// }]
// },
// {
// id:27,
// type:'横畈',
// label:'龙跃街与高庆路路口',
// position:'119.783288,30.322552',
// data:[{
// type:1,
// num:1
// }]
// },
// {
// id:28,
// type:'横畈',
// label:'安村下安村11号后朝西',
// position:'119.759088,30.322181',
// data:[{
// type:1,
// num:1
// }],
// remark:'枪机-挑2米',
// },
// {
// id:29,
// type:'横畈',
// label:'安村下安村花圃十字路口',
// position:'119.758311,30.322606',
// data:[{
// type:1,
// num:1
// },
// {
// type:3,
// num:1
// }],
// remark:'卡扣朝西'
// },
// {
// id:30,
// type:'横畈',
// label:'安村环保装备公司边',
// position:'119.750201,30.319899',
// data:[{
// type:1,
// num:1
// },
// {
// type:3,
// num:1
// }],
// remark:'卡扣朝南'
// },
// {
// id:31,
// type:'横畈',
// label:'瑞东厂门口',
// position:'119.796128,30.323885',
// data:[{
// type:2,
// num:4
// }]
// },
// {
// id:32,
// type:'横畈',
// label:'陈市线与大园路路口',
// position:'119.797539,30.308106',
// data:[{
// type:2,
// num:4
// }]
// },
// {
// id:33,
// type:'横畈',
// label:'新横线桥头',
// position:'119.763457,30.324146',
// data:[{
// type:2,
// num:4
// }]
// },
// {
// id:34,
// type:'横畈',
// label:'新横线安村路口公交车站牌',
// position:'119.763569,30.322961',
// data:[{
// type:2,
// num:2
// }],
// remark:'公交车站牌'
// },
// {
// id:35,
// type:'横畈',
// label:'安村下安村11号前',
// position:'119.759088,30.322181',
// data:[
// {
// type:3,
// num:1
// }],
// remark:'朝北'
// },
// {
// id:36,
// type:'横畈',
// label:'安村下安村31号1000号杆',
// position:'119.754384,30.320927',
// data:[{
// type:2,
// num:1
// }],
// remark:'朝西'
// },
// {
// id:37,
// type:'横畈',
// label:'安村新横线路口修理厂边',
// position:'119.763776,30.323546',
// data:[{
// type:1,
// num:1
// }],
// },
// {
// id:38,
// type:'横畈',
// label:'洪村曹家头路口',
// position:'119.780145,30.351918',
// data:[{
// type:1,
// num:1
// }],
// remark:'枪机'
// },
// {
// id:39,
// type:'横畈',
// label:'洪村湖山里路口',
// position:'119.776569,30.358772',
// data:[{
// type:1,
// num:1
// }],
// remark:'枪机'
// },
// {
// id:40,
// type:'横畈',
// label:'312县道临安与余杭交界处',
// position:'119.808312,30.32965',
// data:[{
// type:1,
// num:2
// },
// {
// type:2,
// num:4
// }]
// },
// {
// id:41,
// type:'横畈',
// label:'长西线鼎盛建材',
// position:'119.809588,30.334222',
// data:[{
// type:1,
// num:1
// },
// {
// type:2,
// num:2
// }]
// },
// {
// id:42,
// type:'横畈',
// label:'长西线下唐楼北苕溪',
// position:'119.811025,30.335796',
// data:[{
// type:1,
// num:1
// },
// {
// type:2,
// num:2
// },
// {
// type:3,
// num:1
// }]
// },
// {
// id:43,
// type:'横畈',
// label:'下唐楼与余杭交界处',
// position:'119.813917,30.339677',
// data:[{
// type:1,
// num:1
// },
// {
// type:2,
// num:2
// },
// {
// type:3,
// num:1
// }]
// },
// {
// id:44,
// type:'横畈',
// label:'陈市线与余杭景潭村交界处',
// position:'119.808887,30.319571',
// data:[{
// type:1,
// num:1
// },
// {
// type:2,
// num:2
// },
// {
// type:3,
// num:1
// }]
// },
// {
// id:45,
// type:'横畈',
// label:'陈市线与余杭交界处桥头',
// position:'119.810315,30.327037',
// data:[{
// type:1,
// num:1
// },
// {
// type:2,
// num:2
// },
// {
// type:3,
// num:2
// }]
// },
// {
// id:46,
// type:'横畈',
// label:'市地老路与余杭交界',
// position:'119.809201,30.327505',
// data:[{
// type:1,
// num:1
// },
// {
// type:2,
// num:2
// }]
// },
// {
// id:47,
// type:'横畈',
// label:'新横线与安村交界处',
// position:'119.76407,30.320607',
// data:[
// {
// type:2,
// num:2
// },
// {
// type:3,
// num:1
// }]
// },
// {
// id:48,
// type:'横畈',
// label:'新长西线与安村路口',
// position:'119.745017,30.321788',
// data:[{
// type:1,
// num:1
// },
// {
// type:2,
// num:2
// }]
// },
// {
// id:49,
// type:'横畈',
// label:'横风线风笑岭与余杭交界处',
// position:'119.776328,30.375428',
// data:[{
// type:1,
// num:1
// },
// {
// type:2,
// num:2
// },
// {
// type:3,
// num:1
// }]
// },
// {
// id:50,
// type:'横畈',
// label:'高后线大王岭公交站站牌',
// position:'119.741752,30.335827',
// data:[{
// type:1,
// num:1
// },
// {
// type:2,
// num:2
// }]
// },
// {
// id:51,
// type:'横畈',
// label:'新横线与潘山交界处',
// position:'119.784457,30.296631',
// data:[{
// type:1,
// num:1
// },
// {
// type:2,
// num:2
// },
// {
// type:3,
// num:2
// }]
// },
// {
// id:52,
// type:'横畈',
// label:'泉口与潘山交界处',
// position:'119.78338,30.296725',
// data:[{
// type:1,
// num:1
// },
// {
// type:2,
// num:1
// },
// {
// type:3,
// num:1
// }]
// },
// ],
search_data: [
{
id:1,
type:'青山',
label:'青罗线与岗阳街路口对角',
position:'119.817653,30.303568',
data:[{
type:1,
num:2
},{
type:2,
num:4
}]
},
{
id:2,
type:'青山',
label:'胜联路十字路口',
position:'119.828229,30.274509',
data:[{
type:1,
num:1
}]
},
{
id:3,
type:'青山',
label:'胜联路第三个叉路口路灯杆',
position:'119.831894,30.3048',
data:[{
type:1,
num:1
}]
},
{
id:4,
type:'青山',
label:'杭瑞高速与汪宫线路口',
position:'119.87221,30.251338',
data:[{
type:1,
num:1
}]
},
{
id:5,
type:'青山',
label:'华旺厂门口',
position:'119.850356,30.269257',
data:[{
type:1,
num:1
}]
},
{
id:6,
type:'青山',
label:'发达路与科技大道路灯杆',
position:'119.842598,30.262775',
data:[{
type:1,
num:1
}]
},
{
id:7,
type:'青山',
label:'科技大道慢车道出口富庆厂边',
position:'119.845697,30.262908',
data:[{
type:1,
num:1
}]
},
{
id:8,
type:'青山',
label:'科技大道与龙岭路路口',
position:'119.848814,30.262697',
data:[{
type:1,
num:1
}]
},
{
id:9,
type:'青山',
label:'科技大道与灵凤路十字路口路灯杆',
position:'119.819399,30.264382',
data:[{
type:1,
num:1
}]
},
{
id:10,
type:'青山',
label:'科技大道与星港路十字路口',
position:'119.830768,30.262234',
data:[{
type:1,
num:1
}]
},
{
id:11,
type:'青山',
label:'科技大道与星港路',
position:'119.830736,30.26188',
data:[{
type:2,
num:2
}]
},
{
id:12,
type:'青山',
label:'童村与锦北街道交界处',
position:'119.817653,30.274579',
data:[{
type:1,
num:2
},
{
type:2,
num:2
}]
},
{
id:13,
type:'青山',
label:'牧锦线与板桥交界处',
position:'119.785188,30.22123',
data:[{
type:2,
num:2
}]
},
{
id:14,
type:'青山',
label:'320县道牧家桥与青山交界处',
position:'119.785979,30.229316',
data:[{
type:1,
num:1
},{
type:2,
num:2
},{
type:3,
num:1
}]
},
{
id:15,
type:'青山',
label:'329国道汪家埠公交站东-西',
position:'119.875194,30.258302',
data:[{
type:2,
num:2
}]
},
{
id:16,
type:'青山',
label:'329国道隧道口青山交界处',
position:'119.802208,30.231263',
data:[{
type:1,
num:1
},{
type:2,
num:2
},{
type:3,
num:1
}]
},
{
id:17,
type:'青山',
label:'科技大道与临余桥交界处',
position:'119.871385,30.26385',
data:[{
type:1,
num:2
},
{
type:2,
num:4
}]
type: '青山',
label: '青罗线与岗阳街路口',
position: '119.810772,30.269372',
data: [{
type: 1,
num: 1
}],
remark: '盲区'
},
{
id:18,
type:'青山',
label:'科技大道与锦北街道交界处锦福家园',
position:'119.81372,30.265322',
data:[{
type:1,
num:2
{
type: '青山',
label: '胜联路十字路口',
position: '119.825431,30.299203',
data: [{
type: 1,
num: 1
}],
remark: '盲区'
},
{
type:2,
num:4
}]
type: '青山',
label: '胜联路第三个叉路口路灯杆',
position: '119.83055,30.292087',
data: [{
type: 1,
num: 1
}],
remark: '盲区'
},
{
id:19,
type:'青山',
label:'科技大道与东环路十字路口',
position:'119.868409,30.263209',
data:[{
type:1,
num:2
}]
type: '青山',
label: '杭瑞高速与汪宫线路口',
position: '119.867362,30.248934',
data: [{
type: 1,
num: 1
}],
remark: '去余杭有入口补盲区'
},
{
id:20,
type:'青山',
label:'汪家埠与余杭交界处',
position:'119.874502,30.258454',
data:[{
type:1,
num:1
}]
type: '青山',
label: '发达路与科技大道叉口朝北',
position: '119.836292,30.257019',
data: [{
type: 1,
num: 1
}],
remark: '盲区'
},
{
id:21,
type:'青山',
label:'胜联路电子科技大学与余杭交接处',
position:'119.841766,30.299351',
data:[{
type:1,
num:1
{
type: '青山',
label: '科技大道慢车道出口富庆厂边朝东',
position: '119.838519,30.256912',
data: [{
type: 1,
num: 1
}],
remark: '主要慢车与快车道路口',
},
{
type:2,
num:4
},
{
type:3,
num:1
}]
type: '青山',
label: '科技大道与活龙岭路路口朝北',
position: '119.842177,30.256681',
data: [{
type: 1,
num: 1
}],
remark: '盲区'
},
{
id:22,
type:'青山',
label:'225县道岗阳街与余杭交界处',
position:'119.843154,30.282716',
data:[{
type:1,
num:1
type: '青山',
label: '科技大道与灵凤路十字路口',
position: '119.812699,30.258101',
data: [{
type: 1,
num: 1
}],
remark: '新建路口打通盲区'
},
{
type:2,
num:2
type: '青山',
label: '科技大道与星港路十字路口(地铁青山湖站)',
position: '119.824154,30.257174',
data: [{
type: 1,
num: 1
}],
remark: '重要路口盲区'
},
{
type:3,
num:1
}]
type: '青山',
label: '童村与锦北街道交界处',
position: '119.802544,30.278841',
data: [{
type: 1,
num: 2
}],
remark: '新建道路十字路口'
},
{
id:23,
type:'青山',
label:'杭叉东面杨梅湾与余杭交界处',
position:'119.871394,30.267386',
data:[{
type:1,
num:1
type: '青山',
label: '蒋杨村青牧线6公里处',
position: '119.780361,30.223909',
data: [{
type: 1,
num: 1
}],
remark: '朝绿道停车场岔口'
},
{
type:2,
num:4
type: '青山',
label: '329国道隧道口青山交界处',
position: '119.795874,30.225671',
data: [{
type: 1,
num: 1
}],
remark: '主要进出青山与往锦里入口'
},
{
type:3,
num:1
}]
type: '青山',
label: '科技大道与临余桥交界处',
position: '119.865873,30.257794',
data: [{
type: 1,
num: 2
}],
remark: '进出青山大环'
},
{
id:24,
type:'青山',
label:'青山大道与塘藤街十字路口',
position:'119.853116,30.271032',
data:[{
type:1,
num:1
}]
type: '青山',
label: '科技大道与锦北街道街道交界处锦福家园',
position: '119.808884,30.259510',
data: [{
type: 1,
num: 2
}],
remark: '朝快慢车道岔口'
},
{
id:25,
type:'青山',
label:'青山二小',
position:'119.82366,30.249679',
data:[{
type:1,
num:5
type: '青山',
label: '科技大道与相府路十字路口',
position: '119.862038,30.256616',
data: [{
type: 1,
num: 2
}],
remark: '原监控有盲区'
},
{
type:2,
num:6
}]
type: '青山',
label: '汪家埠与余杭交界处',
position: '119.867972,30.252136',
data: [{
type: 1,
num: 1
}],
remark: '十字路口补盲区'
},
{
id:26,
type:'青山',
label:'朱村公山小区',
position:'119.815621,30.232138',
data:[{
type:1,
num:4
}]
type: '青山',
label: '255县道岗阳街与余杭交界处朝东',
position: '119.828369,30.272543',
data: [{
type: 1,
num: 1
}],
remark: '交界重要入口'
},
{
id:27,
type:'横畈',
label:'龙跃街与高庆路路口',
position:'119.783288,30.322552',
data:[{
type:1,
num:1
}]
type: '青山',
label: '杭叉东面杨梅湾与余杭交界处',
position: '119.864695,30.261076',
data: [{
type: 1,
num: 1
}],
remark: '交界重要入口'
},
{
id:28,
type:'横畈',
label:'安村下安村11号后朝西',
position:'119.759088,30.322181',
data:[{
type:1,
num:1
type: '青山',
label: '青山大道与塘藤街十字路口',
position: '119.846491,30.264958',
data: [{
type: 1,
num: 1
}],
remark:'枪机-挑2米',
remark: '十字路口补盲区'
},
{
id:29,
type:'横畈',
label:'安村下安村花圃十字路口',
position:'119.758311,30.322606',
data:[{
type:1,
num:1
type: '青山',
label: '329国道朱村交叉口',
position: '119.808439,30.225932',
data: [{
type: 1,
num: 1
}],
remark: '重要交叉口补盲区'
},
{
type:3,
num:1
type: '青山',
label: '蒋墅街-青山二小北门',
position: '119.825546,30.253131',
data: [{
type: 1,
num: 1
}],
remark:'卡扣朝西'
remark: '重点安保区域'
},
{
id:30,
type:'横畈',
label:'安村环保装备公司边',
position:'119.750201,30.319899',
data:[{
type:1,
num:1
type: '青山',
label: '蒋墅街-星港路叉口',
position: '119.824973,30.253182',
data: [{
type: 1,
num: 1
}],
remark: '重点安保区域'
},
{
type:3,
num:1
type: '青山',
label: '星港路-青山二小西门',
position: '119.825106,30.251907',
data: [{
type: 1,
num: 1
}],
remark:'卡扣朝南'
remark: '重点安保区域'
},
{
id:31,
type:'横畈',
label:'瑞东厂门口',
position:'119.796128,30.323885',
data:[{
type:2,
num:4
}]
type: '青山',
label: '星港路-天柱街叉口',
position: '119.825681,30.251227',
data: [{
type: 1,
num: 1
}],
remark: '重点安保区域'
},
{
id:32,
type:'横畈',
label:'陈市线与大园路路口',
position:'119.797539,30.308106',
data:[{
type:2,
num:4
}]
type: '青山',
label: '星港路-青山二小南门',
position: '119.826545,30.251433',
data: [{
type: 1,
num: 1
}],
remark: '重点安保区域'
},
{
id:33,
type:'横畈',
label:'新横线桥头',
position:'119.763457,30.324146',
data:[{
type:2,
num:4
}]
type: '青山',
label: '科技大道与星港路向东',
position: '119.824154,30.257174',
data: [{
type: 2,
num: 1
}],
remark: '青山湖站重要安保区域'
}, {
type: '青山',
label: '科技大道与星港路向西',
position: '119.824354,30.257374',
data: [{
type: 2,
num: 1
}],
remark: '青山湖站重要安保区域'
}, {
type: '青山',
label: '童村与锦北街道交界处向东',
position: '119.802544,30.278841',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
}, {
type: '青山',
label: '童村与锦北街道交界处向西',
position: '119.802744,30.279041',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
}, {
type: '青山',
label: '牧棉线与板桥交界处向东',
position: '119.780142,30.214736',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
}, {
type: '青山',
label: '牧棉线与板桥交界处向西',
position: '119.780342,30.214936',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
}, {
type: '青山',
label: '蒋杨村青牧线6公里处向东',
position: '119.780361,30.223909',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
}, {
type: '青山',
label: '蒋杨村青牧线6公里处向西',
position: '119.780561,30.224109',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
}, {
type: '青山',
label: '329国道汪家埠公交站向西',
position: '119.869039,30.251882',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
}, {
type: '青山',
label: '329国道汪家埠公交站向东',
position: '119.869239,30.252082',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
}, {
type: '青山',
label: '329国道隧道口青山交界处向东',
position: '119.795874,30.225671',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
}, {
type: '青山',
label: '329国道隧道口青山交界处向西',
position: '119.796074,30.225871',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
}, {
type: '青山',
label: '科技大道与临余桥交界处向东',
position: '119.865873,30.257794',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
}, {
type: '青山',
label: '科技大道与临余桥交界处向西',
position: '119.866073,30.257994',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
}, {
type: '青山',
label: '科技大道与锦北街道街道交界处锦福家园向东',
position: '119.808884,30.259510',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
}, {
type: '青山',
label: '科技大道与锦北街道街道交界处锦福家园向西',
position: '119.809084,30.259710',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
}, {
type: '青山',
label: '胜联路电子科技大学与余杭交界处向北',
position: '119.830757,30.292202',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
}, {
type: '青山',
label: '胜联路电子科技大学与余杭交界处向南',
position: '119.830757,30.292202',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
}, {
type: '青山',
label: '255县道岗阳街与余杭交界处向东',
position: '119.828369,30.272543',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
}, {
type: '青山',
label: '255县道岗阳街与余杭交界处向西',
position: '119.828569,30.272743',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
}, {
type: '青山',
label: '杭叉东面杨梅湾与余杭交界处向东',
position: '119.864695,30.261076',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
}, {
type: '青山',
label: '杭叉东面杨梅湾与余杭交界处向西',
position: '119.864895,30.261276',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
}, {
type: '青山',
label: '青山水库大坝与保安学校交界处向北',
position: '119.804201,30.247906',
data: [{
type: 2,
num: 1
}],
remark: '学校重点安保区域'
}, {
type: '青山',
label: '青山水库大坝与保安学校交界处向南',
position: '119.804401,30.248106',
data: [{
type: 2,
num: 1
}],
remark: '学校重点安保区域'
}, {
type: '青山',
label: '天柱街-青山二小南门向东',
position: '119.826753,30.251370',
data: [{
type: 2,
num: 1
}],
remark: '二小外围三条道路人行道'
}, {
type: '青山',
label: '天柱街-青山二小南门向西',
position: '119.826953,30.251570',
data: [{
type: 2,
num: 1
}],
remark: '二小外围三条道路人行道'
}, {
type: '青山',
label: '星港路-青山二小西门向北',
position: '119.825306,30.252107',
data: [{
type: 2,
num: 1
}],
remark: '二小外围三条道路人行道'
}, {
type: '青山',
label: '星港路-青山二小西门向南',
position: '119.825506,30.252307',
data: [{
type: 2,
num: 1
}],
remark: '二小外围三条道路人行道'
}, {
type: '青山',
label: '蒋墅街-青山二小北门向东',
position: '119.825746,30.253331',
data: [{
type: 2,
num: 1
}],
remark: '二小外围三条道路人行道'
}, {
type: '青山',
label: '蒋墅街-青山二小北门向西',
position: '119.825946,30.253531',
data: [{
type: 2,
num: 1
}],
remark: '二小外围三条道路人行道'
},
{
id:34,
type:'横畈',
label:'新横线安村路口公交车站牌',
position:'119.763569,30.322961',
data:[{
type:2,
num:2
type: '横畈',
label: '龙跃街与高庆路路口',
position: '119.776751,30.316235',
data: [{
type: 1,
num: 1
}],
remark:'公交车站牌'
remark: '园区重点十字路口'
},
{
id:35,
type:'横畈',
label:'安村下安村11号前',
position:'119.759088,30.322181',
data:[
type: '横畈',
label: '安村下安村11号后朝西',
position: '119.752576,30.315853',
data: [{
type: 1,
num: 1
}],
remark: '治安重点要道',
},
{
type:3,
num:1
type: '横畈',
label: '安村下安村花园圃十字路口向西',
position: '119.751437,30.315078',
data: [{
type: 1,
num: 1
}],
remark:'朝北'
remark: '治安重点要道',
},
{
id:36,
type:'横畈',
label:'安村下安村31号1000号杆',
position:'119.754384,30.320927',
data:[{
type:2,
num:1
type: '横畈',
label: '安村下安村11号前向北',
position: '119.752909,30.315952',
data: [{
type: 1,
num: 1
}],
remark:'朝西'
remark: '治安重点要道'
},
{
id:37,
type:'横畈',
label:'安村新横线路口修理厂边',
position:'119.763776,30.323546',
data:[{
type:1,
num:1
type: '横畈',
label: '安村新横线路口修理厂边',
position: '119.757500,30.314102',
data: [{
type: 1,
num: 1
}],
remark: '十字路口补盲区'
},
{
id:38,
type:'横畈',
label:'洪村曹家头路口',
position:'119.780145,30.351918',
data:[{
type:1,
num:1
type: '横畈',
label: '洪村曹家头路口',
position: '119.773822,30.345767',
data: [{
type: 1,
num: 1
}],
remark:'枪机'
remark: '十字路口补盲区'
},
{
id:39,
type:'横畈',
label:'洪村湖山里路口',
position:'119.776569,30.358772',
data:[{
type:1,
num:1
type: '横畈',
label: '洪村胡山里路口',
position: '119.770385,30.353085',
data: [{
type: 1,
num: 1
}],
remark:'枪机'
remark: '十字路口补盲区'
},
{
id:40,
type:'横畈',
label:'312县道临安与余杭交界处',
position:'119.808312,30.32965',
data:[{
type:1,
num:2
type: '横畈',
label: '长西线临安与余杭交界处',
position: '119.801380,30.323655',
data: [{
type: 1,
num: 2
}],
remark: '交界重要入口'
},
{
type:2,
num:4
}]
type: '横畈',
label: '长西线鼎盛建材',
position: '119.802737,30.328200',
data: [
{
type: 1,
num: 1
}],
remark: '交界重要入口'
},
{
id:41,
type:'横畈',
label:'长西线鼎盛建材',
position:'119.809588,30.334222',
data:[{
type:1,
num:1
type: '横畈',
label: '长西线下唐楼北苕溪',
position: '119.804330,30.330085',
data: [{
type: 1,
num: 1
}],
remark: '交界重要入口'
},
{
type:2,
num:2
}]
type: '横畈',
label: '下唐楼与余杭交界处',
position: '119.807258,30.334022',
data: [{
type: 1,
num: 1
}],
remark: '交界重要入口'
},
{
id:42,
type:'横畈',
label:'长西线下唐楼北苕溪',
position:'119.811025,30.335796',
data:[{
type:1,
num:1
type: '横畈',
label: '陈市线与余杭锦塘村岔口向北',
position: '119.802914,30.313830',
data: [{
type: 1,
num: 1
}],
remark: '交界重要入口'
},
{
type:2,
num:2
type: '横畈',
label: '陈市线与余杭交界处桥头',
position: '119.803679,30.321410',
data: [{
type: 1,
num: 1
}],
remark: '交界重要入口'
},
{
type:3,
num:1
}]
type: '横畈',
label: '市地老路与余杭交接',
position: '119.802046,30.321514',
data: [{
type: 1,
num: 1
}],
remark: '交界重要入口'
},
{
id:43,
type:'横畈',
label:'下唐楼与余杭交界处',
position:'119.813917,30.339677',
data:[{
type:1,
num:1
type: '横畈',
label: '新横线与安村交界处',
position: '119.754917,30.306819',
data: [{
type: 1,
num: 1
}],
remark: '交界重要入口'
},
{
type: '横畈',
label: '新长西线与安村路口',
position: '119.738436,30.315498',
data: [{
type: 1,
num: 1
}],
remark: '朝安村入口盲区'
},
{
type: '横畈',
label: '横风线风笑岭与余杭交界处',
position: '119.769153,30.370866',
data: [{
type: 1,
num: 1
}],
remark: '交界重要入口'
},
{
type: '横畈',
label: '高山村银坪岭',
position: '119.700932,30.383465',
data: [{
type: 1,
num: 1
}],
remark: '交界重要入口'
},
{
type: '横畈',
label: '杨山路高虹隧道边',
position: '119.734760,30.313327',
data: [{
type: 1,
num: 1
}],
remark: '交界重要入口'
},
{
type: '横畈',
label: '长西线与庆林街叉路口',
position: '119.746043,30.328938',
data: [{
type: 1,
num: 1
}],
remark: '重要十字路口补盲区'
},
{
type: '横畈',
label: '陈市线与潘村交界处',
position: '119.777622,30.290064',
data: [
{
type: 1,
num: 1
}],
remark: '交界重要入口'
},
{
type: '横畈',
label: '鸡市线与潘村交界处',
position: '119.777206,30.290432',
data: [{
type: 1,
num: 1
}],
remark: '交界重要入口'
},
{
type: '横畈',
label: '瑞东厂门口向东',
position: '119.789278,30.316935',
data: [{
type: 2,
num: 1
}],
remark: '园区重要人行道'
},
{
type: '横畈',
label: '瑞东厂门口向西',
position: '119.789478,30.317135',
data: [{
type: 2,
num: 1
}],
remark: '园区重要人行道'
},
{
type: '横畈',
label: '安村下安村31号1000号杆向西',
position: '119.751222,30.315630',
data: [{
type: 2,
num: 1
}],
remark: '这个点是否需要'
},
{
type:2,
num:2
type: '横畈',
label: '长西线临安与余杭交界处向西',
position: '119.801380,30.323655',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
},
{
type:3,
num:1
}]
type: '横畈',
label: '长西线临安与余杭交界处向东',
position: '119.801580,30.323855',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
},
{
id:44,
type:'横畈',
label:'陈市线与余杭景潭村交界处',
position:'119.808887,30.319571',
data:[{
type:1,
num:1
type: '横畈',
label: '长西线鼎盛建材向东',
position: '119.802737,30.328200',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
},
{
type:2,
num:2
type: '横畈',
label: '长西线鼎盛建材向西',
position: '119.802938,30.328401',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
},
{
type:3,
num:1
}]
type: '横畈',
label: '长西线下唐楼北苕溪向东',
position: '119.804330,30.330085',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
},
{
id:45,
type:'横畈',
label:'陈市线与余杭交界处桥头',
position:'119.810315,30.327037',
data:[{
type:1,
num:1
type: '横畈',
label: '长西线下唐楼北苕溪向西',
position: '119.804530,30.330285',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
},
{
type:2,
num:2
type: '横畈',
label: '下唐楼与余杭交界处向西',
position: '119.807258,30.334022',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
},
{
type:3,
num:2
}]
type: '横畈',
label: '陈市线与余杭锦塘村岔口向北',
position: '119.802914,30.313830',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
},
{
id:46,
type:'横畈',
label:'市地老路与余杭交界',
position:'119.809201,30.327505',
data:[{
type:1,
num:1
type: '横畈',
label: '陈市线与余杭锦塘村岔口向南',
position: '119.803114,30.314030',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
},
{
type:2,
num:2
}]
type: '横畈',
label: '陈市线与余杭交界处桥头向东',
position: '119.803679,30.321410',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
},
{
id:47,
type:'横畈',
label:'新横线与安村交界处',
position:'119.76407,30.320607',
data:[
type: '横畈',
label: '陈市线与余杭交界处桥头向西',
position: '119.803879,30.321610',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
},
{
type:2,
num:2
type: '横畈',
label: '长西线临安与余杭交界处向东',
position: '119.801380,30.323655',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
},
{
type:3,
num:1
}]
type: '横畈',
label: '市地老路与余杭交接处向东',
position: '119.802046,30.321514',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
},
{
id:48,
type:'横畈',
label:'新长西线与安村路口',
position:'119.745017,30.321788',
data:[{
type:1,
num:1
type: '横畈',
label: '市地老路与余杭交接处向西',
position: '119.802246,30.321714',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
},
{
type:2,
num:2
}]
type: '横畈',
label: '新横线与安村交界处向东',
position: '119.754917,30.306819',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
},
{
id:49,
type:'横畈',
label:'横风线风笑岭与余杭交界处',
position:'119.776328,30.375428',
data:[{
type:1,
num:1
type: '横畈',
label: '新横线与安村交界处向西',
position: '119.755117,30.307019',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
},
{
type:2,
num:2
type: '横畈',
label: '新长西线与安村路口向东',
position: '119.738436,30.315498',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
},
{
type:3,
num:1
}]
type: '横畈',
label: '新长西线与安村路口向西',
position: '119.738636,30.315698',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
},
{
id:50,
type:'横畈',
label:'高后线大王岭公交站站牌',
position:'119.741752,30.335827',
data:[{
type:1,
num:1
type: '横畈',
label: '横风线风笑岭与余杭交界处向东',
position: '119.769153,30.370866',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
},
{
type:2,
num:2
}]
type: '横畈',
label: '横风线风笑岭与余杭交界处向西',
position: '119.769353,30.371066',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
},
{
id:51,
type:'横畈',
label:'新横线与潘山交界处',
position:'119.784457,30.296631',
data:[{
type:1,
num:1
type: '横畈',
label: '高后线大王岭公交站站牌向东',
position: '119.735044,30.329645',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
},
{
type:2,
num:2
type: '横畈',
label: '高后线大王岭公交站站牌向西',
position: '119.735244,30.329845',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
},
{
type:3,
num:2
}]
type: '横畈',
label: '高山村银坪岭向东',
position: '119.700932,30.383465',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
},
{
id:52,
type:'横畈',
label:'泉口与潘山交界处',
position:'119.78338,30.296725',
data:[{
type:1,
num:1
type: '横畈',
label: '杨山路高虹隧道边向东',
position: '119.734760,30.313327',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
},
{
type:2,
num:1
type: '横畈',
label: '陈市线与潘村交界处向东',
position: '119.777622,30.290064',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
},
{
type:3,
num:1
}]
type: '横畈',
label: '陈市线与潘村交界处向西',
position: '119.777822,30.290264',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
},
{
type: '横畈',
label: '鸡市线与潘村交界处',
position: '119.777206,30.290432',
data: [{
type: 2,
num: 1
}],
remark: '交界重要入口'
}
],
data: {}
}
},
mounted() {
this.$nextTick(()=>{
this.$nextTick(() => {
this.clearOverlays();
})
},
......@@ -750,27 +1795,32 @@
this.map.addControl(new BMap.ScaleControl()); // 添加比例尺控件
this.map.addControl(new BMap.OverviewMapControl()); //添加缩略地图控件
this.map.enableScrollWheelZoom();
setTimeout(()=>{
setTimeout(() => {
this.getBoundary(this.map);
}, 2000);
},
mapShow(coordinate, item,type=1) {
mapShow(coordinate, item, type = 1) {
let self = this;
let opts = {
position: coordinate, // 指定文本标注所在的地理位置
offset: new BMap.Size(5, 0) //设置文本偏移量
};
let str=`<p>${item.label}</p><p style="font-weight: 700">`;
for(let i of item.data){
if(i.type==1){
str+=`<span>监控-${i.num}&nbsp;</span>`
}else if(i.type==2){
str+=`<span>人脸-${i.num}&nbsp;</span>`
}else if(i.type==3){
str+=`<span>卡扣-${i.num}&nbsp;</span>`
}else{
str+=`</p>`;
let str = `<p>${item.label}</p><p style="font-weight: 700">`;
let url = "static/blue.png";
for (let i of item.data) {
if (i.type == 1) {
str += `<span>监控(球机)-${i.num}&nbsp;</span>`
} else if (i.type == 2) {
str += `<span>人脸-${i.num}&nbsp;</span>`
} else if (i.type == 3) {
str += `<span>卡扣-${i.num}&nbsp;</span>`
} else {
str += `</p>`;
}
url = i.type == 1 ? "static/jiankong1.png" : i.type == 2 ? "static/jiankong2.png" : i.type == 3 ? "static/jiankong3.png" : "static/blue.png";
}
if (item.remark) {
str += `<p style="font-weight: 700">备注:${item.remark}</p>`;
}
let label = new BMap.Label(str, opts); // 创建文本标注对象
label.setStyle({
......@@ -783,33 +1833,32 @@
fontFamily: "微软雅黑"
});
this.map.addOverlay(label);
let url = type==1?"static/monitor1.png":type==2?"static/monitor2.png":type==3?"static/monitor3.png":"static/blue.png";
let myIcon = new BMap.Icon(url, new BMap.Size(30,30));
let marker = new BMap.Marker(coordinate,{icon:myIcon});
let myIcon = new BMap.Icon(url, new BMap.Size(32, 29));
let marker = new BMap.Marker(coordinate, {icon: myIcon});
this.map.addOverlay(marker); // 将标注添加到地图中
marker.addEventListener("click", function() {
self.$emit('town_accept',item);
marker.addEventListener("click", function () {
self.$emit('town_accept', item);
});
marker.addEventListener("mouseover", function(item) {
marker.addEventListener("mouseover", function (item) {
label.setStyle({
opacity: 1,
});
// self.map.openInfoWindow(infoWindow, coordinate); //开启信息窗口
});
marker.addEventListener("mouseout", function() {
marker.addEventListener("mouseout", function () {
label.setStyle({
opacity: 0,
});
// self.map.openInfoWindow(infoWindow, coordinate); //开启信息窗口
});
},
getBoundary: function(map, bool, index) {
getBoundary(map, bool, index) {
let self = this;
let bdary = new BMap.Boundary();
bdary.get('临安区', function (rs) {       //获取行政区域       
const count = rs.boundaries.length;
if (count === 0) {
return ;
return;
}
const EN_JW = '180, 90;';
const NW_JW = '-180, 90;';
......@@ -817,17 +1866,24 @@
const SE_JW = '180, -90;';
// 东南西北四个角添加一个覆盖物
const ply1 = new BMap.Polygon(SE_JW + SE_JW + WS_JW + NW_JW + EN_JW + SE_JW + rs.boundaries[0],
{ strokeColor: 'none', fillColor: '#efefef', fillOpacity: 1, strokeOpacity: 1 });
{strokeColor: 'none', fillColor: '#efefef', fillOpacity: 1, strokeOpacity: 1});
map.addOverlay(ply1);
// 绘制‘临安区’整体的外轮廓
for (let i = 0; i < count; i++) {
const ply = new BMap.Polygon(rs.boundaries[i], {strokeWeight: 2, strokeColor: '#3396fb', fillColor: 'transparent',fillOpacity: 0});
const ply = new BMap.Polygon(rs.boundaries[i], {
strokeWeight: 2,
strokeColor: '#3396fb',
fillColor: 'transparent',
fillOpacity: 0
});
map.addOverlay(ply);
}
let marker;
let position='';
for (let item of self.search_data) {
marker = new BMap.Point(item.position.split(',')[0], item.position.split(',')[1]);
self.mapShow(marker, item,item.type=='横畈'?2:1);
position = self.bd_encrypt(item.position.split(',')[0], item.position.split(',')[1]);
marker = new BMap.Point(position.split(',')[0], position.split(',')[1]);
self.mapShow(marker, item, item.type == '横畈' ? 2 : 1);
// if(Array.isArray(item.data)){
// for(let j of item.data){
// for(let i=0;i<j.num;i++){
......@@ -837,6 +1893,15 @@
// }
}
});
},
bd_encrypt(gg_lng, gg_lat) {
var X_PI = Math.PI * 3000.0 / 180.0;
var x = gg_lng, y = gg_lat;
var z = Math.sqrt(x * x + y * y) + 0.00002 * Math.sin(y * X_PI);
var theta = Math.atan2(y, x) + 0.000003 * Math.cos(x * X_PI);
var bd_lng = z * Math.cos(theta) + 0.0065;
var bd_lat = z * Math.sin(theta) + 0.006;
return bd_lng+','+bd_lat;
}
}
});
......
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