mkl_power_box/components/machinery-baidu-map.js

1824 lines
66 KiB
JavaScript

/**
* 顶部header
*/
Vue.component("machinery-baidu-map", {
template: `
<div :style="{'height':height+'px'}" class="afoot-machinery-map" ref="allMap"></div>
`,
props: {
height:{
type:Number
},
data:{
type:Object
}
},
data() {
return {
skyMap:''
}
},
mounted(){
this.init()
},
methods: {
init(){
this.initMap()
this.getIconMap()
this.setMapStyle()
},
initMap(){
// GL版命名空间为BMapGL
var map = new BMapGL.Map(this.$refs.allMap); // 创建Map实例
map.centerAndZoom(new BMapGL.Point(this.data.longitude,this.data.latitude), 16); // 初始化地图,设置中心点坐标和地图级别
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
this.skyMap = map;
},
getIconMap(){
var map = this.skyMap
var myIcon = new BMapGL.Icon("http://fileimg.makalu.cc/WEB_8FEDD8B6E98E459BBA4F69B92D0C0F27.png", new BMapGL.Size(32, 59));
var marker = new BMapGL.Marker(new BMapGL.Point(this.data.longitude,this.data.latitude), {icon: myIcon});
map.addOverlay(marker);
},
setMapStyle(){
var map = this.skyMap
//百度地图背景色
var styleJson=[
{
"featureType": "land",
"elementType": "geometry",
"stylers": {
"visibility": "on",
"color": "#00092aff"
}
}, {
"featureType": "water",
"elementType": "geometry",
"stylers": {
"visibility": "on",
"color": "#033a58ff"
}
}, {
"featureType": "green",
"elementType": "geometry",
"stylers": {
"visibility": "on",
"color": "#0e1b30ff"
}
}, {
"featureType": "building",
"elementType": "geometry",
"stylers": {
"visibility": "on"
}
}, {
"featureType": "building",
"elementType": "geometry.topfill",
"stylers": {
"color": "#113549ff"
}
}, {
"featureType": "building",
"elementType": "geometry.sidefill",
"stylers": {
"color": "#143e56ff"
}
}, {
"featureType": "building",
"elementType": "geometry.stroke",
"stylers": {
"color": "#dadada00"
}
}, {
"featureType": "subwaystation",
"elementType": "geometry",
"stylers": {
"visibility": "on",
"color": "#113549B2"
}
}, {
"featureType": "education",
"elementType": "geometry",
"stylers": {
"visibility": "on",
"color": "#12223dff"
}
}, {
"featureType": "medical",
"elementType": "geometry",
"stylers": {
"visibility": "on",
"color": "#12223dff"
}
}, {
"featureType": "scenicspots",
"elementType": "geometry",
"stylers": {
"visibility": "on",
"color": "#12223dff"
}
}, {
"featureType": "highway",
"elementType": "geometry",
"stylers": {
"visibility": "on",
"weight": "4"
}
}, {
"featureType": "highway",
"elementType": "geometry.fill",
"stylers": {
"color": "#12223dff"
}
}, {
"featureType": "highway",
"elementType": "geometry.stroke",
"stylers": {
"color": "#fed66900"
}
}, {
"featureType": "highway",
"elementType": "labels",
"stylers": {
"visibility": "on"
}
}, {
"featureType": "highway",
"elementType": "labels.text.fill",
"stylers": {
"color": "#12223dff"
}
}, {
"featureType": "highway",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "highway",
"elementType": "labels.icon",
"stylers": {
"visibility": "on"
}
}, {
"featureType": "arterial",
"elementType": "geometry",
"stylers": {
"visibility": "on",
"weight": "2"
}
}, {
"featureType": "arterial",
"elementType": "geometry.fill",
"stylers": {
"color": "#12223dff"
}
}, {
"featureType": "arterial",
"elementType": "geometry.stroke",
"stylers": {
"color": "#ffeebb00"
}
}, {
"featureType": "arterial",
"elementType": "labels",
"stylers": {
"visibility": "on"
}
}, {
"featureType": "arterial",
"elementType": "labels.text.fill",
"stylers": {
"color": "#2dc4bbff"
}
}, {
"featureType": "arterial",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "local",
"elementType": "geometry",
"stylers": {
"visibility": "on",
"weight": "1"
}
}, {
"featureType": "local",
"elementType": "geometry.fill",
"stylers": {
"color": "#12223dff"
}
}, {
"featureType": "local",
"elementType": "geometry.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "local",
"elementType": "labels",
"stylers": {
"visibility": "on"
}
}, {
"featureType": "local",
"elementType": "labels.text.fill",
"stylers": {
"color": "#979c9aff"
}
}, {
"featureType": "local",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffffff"
}
}, {
"featureType": "railway",
"elementType": "geometry",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "subway",
"elementType": "geometry",
"stylers": {
"visibility": "off",
"weight": "1"
}
}, {
"featureType": "subway",
"elementType": "geometry.fill",
"stylers": {
"color": "#d8d8d8ff"
}
}, {
"featureType": "subway",
"elementType": "geometry.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "subway",
"elementType": "labels",
"stylers": {
"visibility": "on"
}
}, {
"featureType": "subway",
"elementType": "labels.text.fill",
"stylers": {
"color": "#979c9aff"
}
}, {
"featureType": "subway",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffffff"
}
}, {
"featureType": "continent",
"elementType": "labels",
"stylers": {
"visibility": "on"
}
}, {
"featureType": "continent",
"elementType": "labels.icon",
"stylers": {
"visibility": "on"
}
}, {
"featureType": "continent",
"elementType": "labels.text.fill",
"stylers": {
"color": "#2dc4bbff"
}
}, {
"featureType": "continent",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "city",
"elementType": "labels.icon",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "city",
"elementType": "labels",
"stylers": {
"visibility": "on"
}
}, {
"featureType": "city",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "town",
"elementType": "labels.icon",
"stylers": {
"visibility": "on"
}
}, {
"featureType": "town",
"elementType": "labels",
"stylers": {
"visibility": "on"
}
}, {
"featureType": "town",
"elementType": "labels.text.fill",
"stylers": {
"color": "#91aeb9ff"
}
}, {
"featureType": "town",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "road",
"elementType": "geometry.fill",
"stylers": {
"color": "#12223dff"
}
}, {
"featureType": "poilabel",
"elementType": "labels",
"stylers": {
"visibility": "on"
}
}, {
"featureType": "districtlabel",
"elementType": "labels",
"stylers": {
"visibility": "on"
}
}, {
"featureType": "road",
"elementType": "geometry",
"stylers": {
"visibility": "on"
}
}, {
"featureType": "road",
"elementType": "labels",
"stylers": {
"visibility": "on"
}
}, {
"featureType": "road",
"elementType": "geometry.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "district",
"elementType": "labels",
"stylers": {
"visibility": "on"
}
}, {
"featureType": "poilabel",
"elementType": "labels.icon",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "poilabel",
"elementType": "labels.text.fill",
"stylers": {
"color": "#2dc4bbff"
}
}, {
"featureType": "poilabel",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "manmade",
"elementType": "geometry",
"stylers": {
"color": "#12223dff"
}
}, {
"featureType": "entertainment",
"elementType": "geometry",
"stylers": {
"color": "#12223dff"
}
}, {
"featureType": "shopping",
"elementType": "geometry",
"stylers": {
"color": "#12223dff"
}
}, {
"featureType": "nationalway",
"stylers": {
"level": "6",
"curZoomRegionId": "0",
"curZoomRegion": "6-10"
}
}, {
"featureType": "nationalway",
"stylers": {
"level": "7",
"curZoomRegionId": "0",
"curZoomRegion": "6-10"
}
}, {
"featureType": "nationalway",
"stylers": {
"level": "8",
"curZoomRegionId": "0",
"curZoomRegion": "6-10"
}
}, {
"featureType": "nationalway",
"stylers": {
"level": "9",
"curZoomRegionId": "0",
"curZoomRegion": "6-10"
}
}, {
"featureType": "nationalway",
"stylers": {
"level": "10",
"curZoomRegionId": "0",
"curZoomRegion": "6-10"
}
}, {
"featureType": "nationalway",
"elementType": "geometry",
"stylers": {
"visibility": "off",
"level": "6",
"curZoomRegionId": "0",
"curZoomRegion": "6-10"
}
}, {
"featureType": "nationalway",
"elementType": "geometry",
"stylers": {
"visibility": "off",
"level": "7",
"curZoomRegionId": "0",
"curZoomRegion": "6-10"
}
}, {
"featureType": "nationalway",
"elementType": "geometry",
"stylers": {
"visibility": "off",
"level": "8",
"curZoomRegionId": "0",
"curZoomRegion": "6-10"
}
}, {
"featureType": "nationalway",
"elementType": "geometry",
"stylers": {
"visibility": "off",
"level": "9",
"curZoomRegionId": "0",
"curZoomRegion": "6-10"
}
}, {
"featureType": "nationalway",
"elementType": "geometry",
"stylers": {
"visibility": "off",
"level": "10",
"curZoomRegionId": "0",
"curZoomRegion": "6-10"
}
}, {
"featureType": "nationalway",
"elementType": "labels",
"stylers": {
"visibility": "off",
"level": "6",
"curZoomRegionId": "0",
"curZoomRegion": "6-10"
}
}, {
"featureType": "nationalway",
"elementType": "labels",
"stylers": {
"visibility": "off",
"level": "7",
"curZoomRegionId": "0",
"curZoomRegion": "6-10"
}
}, {
"featureType": "nationalway",
"elementType": "labels",
"stylers": {
"visibility": "off",
"level": "8",
"curZoomRegionId": "0",
"curZoomRegion": "6-10"
}
}, {
"featureType": "nationalway",
"elementType": "labels",
"stylers": {
"visibility": "off",
"level": "9",
"curZoomRegionId": "0",
"curZoomRegion": "6-10"
}
}, {
"featureType": "nationalway",
"elementType": "labels",
"stylers": {
"visibility": "off",
"level": "10",
"curZoomRegionId": "0",
"curZoomRegion": "6-10"
}
}, {
"featureType": "cityhighway",
"stylers": {
"level": "6",
"curZoomRegionId": "0",
"curZoomRegion": "6-9"
}
}, {
"featureType": "cityhighway",
"stylers": {
"level": "7",
"curZoomRegionId": "0",
"curZoomRegion": "6-9"
}
}, {
"featureType": "cityhighway",
"stylers": {
"level": "8",
"curZoomRegionId": "0",
"curZoomRegion": "6-9"
}
}, {
"featureType": "cityhighway",
"stylers": {
"level": "9",
"curZoomRegionId": "0",
"curZoomRegion": "6-9"
}
}, {
"featureType": "cityhighway",
"elementType": "geometry",
"stylers": {
"visibility": "off",
"level": "6",
"curZoomRegionId": "0",
"curZoomRegion": "6-9"
}
}, {
"featureType": "cityhighway",
"elementType": "geometry",
"stylers": {
"visibility": "off",
"level": "7",
"curZoomRegionId": "0",
"curZoomRegion": "6-9"
}
}, {
"featureType": "cityhighway",
"elementType": "geometry",
"stylers": {
"visibility": "off",
"level": "8",
"curZoomRegionId": "0",
"curZoomRegion": "6-9"
}
}, {
"featureType": "cityhighway",
"elementType": "geometry",
"stylers": {
"visibility": "off",
"level": "9",
"curZoomRegionId": "0",
"curZoomRegion": "6-9"
}
}, {
"featureType": "cityhighway",
"elementType": "labels",
"stylers": {
"visibility": "off",
"level": "6",
"curZoomRegionId": "0",
"curZoomRegion": "6-9"
}
}, {
"featureType": "cityhighway",
"elementType": "labels",
"stylers": {
"visibility": "off",
"level": "7",
"curZoomRegionId": "0",
"curZoomRegion": "6-9"
}
}, {
"featureType": "cityhighway",
"elementType": "labels",
"stylers": {
"visibility": "off",
"level": "8",
"curZoomRegionId": "0",
"curZoomRegion": "6-9"
}
}, {
"featureType": "cityhighway",
"elementType": "labels",
"stylers": {
"visibility": "off",
"level": "9",
"curZoomRegionId": "0",
"curZoomRegion": "6-9"
}
}, {
"featureType": "subwaylabel",
"elementType": "labels",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "subwaylabel",
"elementType": "labels.icon",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "tertiarywaysign",
"elementType": "labels",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "tertiarywaysign",
"elementType": "labels.icon",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "provincialwaysign",
"elementType": "labels",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "provincialwaysign",
"elementType": "labels.icon",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "nationalwaysign",
"elementType": "labels",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "nationalwaysign",
"elementType": "labels.icon",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "highwaysign",
"elementType": "labels",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "highwaysign",
"elementType": "labels.icon",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "village",
"elementType": "labels",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "district",
"elementType": "labels.text",
"stylers": {
"fontsize": "20"
}
}, {
"featureType": "district",
"elementType": "labels.text.fill",
"stylers": {
"color": "#2dc4bbff"
}
}, {
"featureType": "district",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "country",
"elementType": "labels.text.fill",
"stylers": {
"color": "#ffffffff"
}
}, {
"featureType": "country",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "water",
"elementType": "labels.text.fill",
"stylers": {
"color": "#2dc4bbff"
}
}, {
"featureType": "water",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "cityhighway",
"elementType": "geometry.fill",
"stylers": {
"color": "#12223dff"
}
}, {
"featureType": "cityhighway",
"elementType": "geometry.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "tertiaryway",
"elementType": "geometry.fill",
"stylers": {
"color": "#12223dff"
}
}, {
"featureType": "tertiaryway",
"elementType": "geometry.stroke",
"stylers": {
"color": "#ffffff10"
}
}, {
"featureType": "provincialway",
"elementType": "geometry.fill",
"stylers": {
"color": "#12223dff"
}
}, {
"featureType": "provincialway",
"elementType": "geometry.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "nationalway",
"elementType": "geometry.fill",
"stylers": {
"color": "#12223dff"
}
}, {
"featureType": "nationalway",
"elementType": "geometry.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "highway",
"elementType": "labels.text",
"stylers": {
"fontsize": "20"
}
}, {
"featureType": "nationalway",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "nationalway",
"elementType": "labels.text.fill",
"stylers": {
"color": "#12223dff"
}
}, {
"featureType": "nationalway",
"elementType": "labels.text",
"stylers": {
"fontsize": "20"
}
}, {
"featureType": "provincialway",
"elementType": "labels.text.fill",
"stylers": {
"color": "#12223dff"
}
}, {
"featureType": "provincialway",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "provincialway",
"elementType": "labels.text",
"stylers": {
"fontsize": "20"
}
}, {
"featureType": "cityhighway",
"elementType": "labels.text.fill",
"stylers": {
"color": "#12223dff"
}
}, {
"featureType": "cityhighway",
"elementType": "labels.text",
"stylers": {
"fontsize": "20"
}
}, {
"featureType": "cityhighway",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "estate",
"elementType": "geometry",
"stylers": {
"color": "#12223dff"
}
}, {
"featureType": "tertiaryway",
"elementType": "labels.text.fill",
"stylers": {
"color": "#2dc4bbff"
}
}, {
"featureType": "tertiaryway",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "fourlevelway",
"elementType": "labels.text.fill",
"stylers": {
"color": "#2dc4bbff"
}
}, {
"featureType": "fourlevelway",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "scenicspotsway",
"elementType": "geometry.fill",
"stylers": {
"color": "#12223dff"
}
}, {
"featureType": "scenicspotsway",
"elementType": "geometry.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "universityway",
"elementType": "geometry.fill",
"stylers": {
"color": "#12223dff"
}
}, {
"featureType": "universityway",
"elementType": "geometry.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "vacationway",
"elementType": "geometry.fill",
"stylers": {
"color": "#12223dff"
}
}, {
"featureType": "vacationway",
"elementType": "geometry.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "fourlevelway",
"elementType": "geometry",
"stylers": {
"visibility": "on"
}
}, {
"featureType": "fourlevelway",
"elementType": "geometry.fill",
"stylers": {
"color": "#12223dff"
}
}, {
"featureType": "fourlevelway",
"elementType": "geometry.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "transportationlabel",
"elementType": "labels",
"stylers": {
"visibility": "on"
}
}, {
"featureType": "transportationlabel",
"elementType": "labels.icon",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "transportationlabel",
"elementType": "labels.text.fill",
"stylers": {
"color": "#2dc4bbff"
}
}, {
"featureType": "transportationlabel",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "educationlabel",
"elementType": "labels",
"stylers": {
"visibility": "on"
}
}, {
"featureType": "educationlabel",
"elementType": "labels.icon",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "educationlabel",
"elementType": "labels.text.fill",
"stylers": {
"color": "#2dc4bbff"
}
}, {
"featureType": "educationlabel",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "transportation",
"elementType": "geometry",
"stylers": {
"color": "#113549ff"
}
}, {
"featureType": "airportlabel",
"elementType": "labels.text.fill",
"stylers": {
"color": "#2dc4bbff"
}
}, {
"featureType": "airportlabel",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "scenicspotslabel",
"elementType": "labels.text.fill",
"stylers": {
"color": "#2dc4bbff"
}
}, {
"featureType": "scenicspotslabel",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "medicallabel",
"elementType": "labels.text.fill",
"stylers": {
"color": "#2dc4bbff"
}
}, {
"featureType": "medicallabel",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "medicallabel",
"elementType": "labels.icon",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "scenicspotslabel",
"elementType": "labels.icon",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "airportlabel",
"elementType": "labels.icon",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "entertainmentlabel",
"elementType": "labels.icon",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "entertainmentlabel",
"elementType": "labels.text.fill",
"stylers": {
"color": "#2dc4bbff"
}
}, {
"featureType": "entertainmentlabel",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "estatelabel",
"elementType": "labels.icon",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "estatelabel",
"elementType": "labels.text.fill",
"stylers": {
"color": "#2dc4bbff"
}
}, {
"featureType": "estatelabel",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "businesstowerlabel",
"elementType": "labels.text.fill",
"stylers": {
"color": "#2dc4bbff"
}
}, {
"featureType": "businesstowerlabel",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "businesstowerlabel",
"elementType": "labels.icon",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "companylabel",
"elementType": "labels.text.fill",
"stylers": {
"color": "#2dc4bbff"
}
}, {
"featureType": "companylabel",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "companylabel",
"elementType": "labels.icon",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "governmentlabel",
"elementType": "labels.icon",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "governmentlabel",
"elementType": "labels.text.fill",
"stylers": {
"color": "#2dc4bbff"
}
}, {
"featureType": "governmentlabel",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "restaurantlabel",
"elementType": "labels.text.fill",
"stylers": {
"color": "#2dc4bbff"
}
}, {
"featureType": "restaurantlabel",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "restaurantlabel",
"elementType": "labels.icon",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "hotellabel",
"elementType": "labels.icon",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "hotellabel",
"elementType": "labels.text.fill",
"stylers": {
"color": "#2dc4bbff"
}
}, {
"featureType": "hotellabel",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "shoppinglabel",
"elementType": "labels.text.fill",
"stylers": {
"color": "#2dc4bbff"
}
}, {
"featureType": "shoppinglabel",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "shoppinglabel",
"elementType": "labels.icon",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "lifeservicelabel",
"elementType": "labels.text.fill",
"stylers": {
"color": "#2dc4bbff"
}
}, {
"featureType": "lifeservicelabel",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "lifeservicelabel",
"elementType": "labels.icon",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "carservicelabel",
"elementType": "labels.text.fill",
"stylers": {
"color": "#2dc4bbff"
}
}, {
"featureType": "carservicelabel",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "carservicelabel",
"elementType": "labels.icon",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "financelabel",
"elementType": "labels.text.fill",
"stylers": {
"color": "#2dc4bbff"
}
}, {
"featureType": "financelabel",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "financelabel",
"elementType": "labels.icon",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "otherlabel",
"elementType": "labels.text.fill",
"stylers": {
"color": "#2dc4bbff"
}
}, {
"featureType": "otherlabel",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "otherlabel",
"elementType": "labels.icon",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "manmade",
"elementType": "labels.text.fill",
"stylers": {
"color": "#2dc4bbff"
}
}, {
"featureType": "manmade",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "transportation",
"elementType": "labels.text.fill",
"stylers": {
"color": "#2dc4bbff"
}
}, {
"featureType": "transportation",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "education",
"elementType": "labels.text.fill",
"stylers": {
"color": "#2dc4bbff"
}
}, {
"featureType": "education",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "medical",
"elementType": "labels.text.fill",
"stylers": {
"color": "#2dc4bbff"
}
}, {
"featureType": "medical",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "scenicspots",
"elementType": "labels.text.fill",
"stylers": {
"color": "#2dc4bbff"
}
}, {
"featureType": "scenicspots",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "country",
"elementType": "labels",
"stylers": {
"visibility": "on"
}
}, {
"featureType": "districtlabel",
"elementType": "labels.text.fill",
"stylers": {
"color": "#00ebcaff"
}
}, {
"featureType": "districtlabel",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#ffffff00"
}
}, {
"featureType": "districtlabel",
"elementType": "labels.text",
"stylers": {
"fontsize": 25
}
}, {
"featureType": "country",
"elementType": "labels.text",
"stylers": {
"fontsize": 30
}
}, {
"featureType": "boundary",
"stylers": {
"curZoomRegionId": "0",
"curZoomRegion": "5,21",
"level": "5"
}
}, {
"featureType": "boundary",
"stylers": {
"curZoomRegionId": "0",
"curZoomRegion": "5,21",
"level": "6"
}
}, {
"featureType": "boundary",
"stylers": {
"curZoomRegionId": "0",
"curZoomRegion": "5,21",
"level": "7"
}
}, {
"featureType": "boundary",
"stylers": {
"curZoomRegionId": "0",
"curZoomRegion": "5,21",
"level": "8"
}
}, {
"featureType": "boundary",
"stylers": {
"curZoomRegionId": "0",
"curZoomRegion": "5,21",
"level": "9"
}
}, {
"featureType": "boundary",
"stylers": {
"curZoomRegionId": "0",
"curZoomRegion": "5,21",
"level": "10"
}
}, {
"featureType": "boundary",
"stylers": {
"curZoomRegionId": "0",
"curZoomRegion": "5,21",
"level": "11"
}
}, {
"featureType": "boundary",
"stylers": {
"curZoomRegionId": "0",
"curZoomRegion": "5,21",
"level": "12"
}
}, {
"featureType": "boundary",
"stylers": {
"curZoomRegionId": "0",
"curZoomRegion": "5,21",
"level": "13"
}
}, {
"featureType": "boundary",
"stylers": {
"curZoomRegionId": "0",
"curZoomRegion": "5,21",
"level": "14"
}
}, {
"featureType": "boundary",
"stylers": {
"curZoomRegionId": "0",
"curZoomRegion": "5,21",
"level": "15"
}
}, {
"featureType": "boundary",
"stylers": {
"curZoomRegionId": "0",
"curZoomRegion": "5,21",
"level": "16"
}
}, {
"featureType": "boundary",
"stylers": {
"curZoomRegionId": "0",
"curZoomRegion": "5,21",
"level": "17"
}
}, {
"featureType": "boundary",
"stylers": {
"curZoomRegionId": "0",
"curZoomRegion": "5,21",
"level": "18"
}
}, {
"featureType": "boundary",
"stylers": {
"curZoomRegionId": "0",
"curZoomRegion": "5,21",
"level": "19"
}
}, {
"featureType": "boundary",
"stylers": {
"curZoomRegionId": "0",
"curZoomRegion": "5,21",
"level": "20"
}
}, {
"featureType": "boundary",
"stylers": {
"curZoomRegionId": "0",
"curZoomRegion": "5,21",
"level": "21"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "on",
"curZoomRegionId": "0",
"curZoomRegion": "5,21",
"level": "5"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "on",
"curZoomRegionId": "0",
"curZoomRegion": "5,21",
"level": "6"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "on",
"curZoomRegionId": "0",
"curZoomRegion": "5,21",
"level": "7"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "on",
"curZoomRegionId": "0",
"curZoomRegion": "5,21",
"level": "8"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "on",
"curZoomRegionId": "0",
"curZoomRegion": "5,21",
"level": "9"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "on",
"curZoomRegionId": "0",
"curZoomRegion": "5,21",
"level": "10"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "on",
"curZoomRegionId": "0",
"curZoomRegion": "5,21",
"level": "11"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "on",
"curZoomRegionId": "0",
"curZoomRegion": "5,21",
"level": "12"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "on",
"curZoomRegionId": "0",
"curZoomRegion": "5,21",
"level": "13"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "on",
"curZoomRegionId": "0",
"curZoomRegion": "5,21",
"level": "14"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "on",
"curZoomRegionId": "0",
"curZoomRegion": "5,21",
"level": "15"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "on",
"curZoomRegionId": "0",
"curZoomRegion": "5,21",
"level": "16"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "on",
"curZoomRegionId": "0",
"curZoomRegion": "5,21",
"level": "17"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "on",
"curZoomRegionId": "0",
"curZoomRegion": "5,21",
"level": "18"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "on",
"curZoomRegionId": "0",
"curZoomRegion": "5,21",
"level": "19"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "on",
"curZoomRegionId": "0",
"curZoomRegion": "5,21",
"level": "20"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "on",
"curZoomRegionId": "0",
"curZoomRegion": "5,21",
"level": "21"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "off",
"curZoomRegionId": "1",
"curZoomRegion": "3,21",
"level": "3"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "off",
"curZoomRegionId": "1",
"curZoomRegion": "3,21",
"level": "4"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "off",
"curZoomRegionId": "1",
"curZoomRegion": "3,21",
"level": "5"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "off",
"curZoomRegionId": "1",
"curZoomRegion": "3,21",
"level": "6"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "off",
"curZoomRegionId": "1",
"curZoomRegion": "3,21",
"level": "7"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "off",
"curZoomRegionId": "1",
"curZoomRegion": "3,21",
"level": "8"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "off",
"curZoomRegionId": "1",
"curZoomRegion": "3,21",
"level": "9"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "off",
"curZoomRegionId": "1",
"curZoomRegion": "3,21",
"level": "10"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "off",
"curZoomRegionId": "1",
"curZoomRegion": "3,21",
"level": "11"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "off",
"curZoomRegionId": "1",
"curZoomRegion": "3,21",
"level": "12"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "off",
"curZoomRegionId": "1",
"curZoomRegion": "3,21",
"level": "13"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "off",
"curZoomRegionId": "1",
"curZoomRegion": "3,21",
"level": "14"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "off",
"curZoomRegionId": "1",
"curZoomRegion": "3,21",
"level": "15"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "off",
"curZoomRegionId": "1",
"curZoomRegion": "3,21",
"level": "16"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "off",
"curZoomRegionId": "1",
"curZoomRegion": "3,21",
"level": "17"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "off",
"curZoomRegionId": "1",
"curZoomRegion": "3,21",
"level": "18"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "off",
"curZoomRegionId": "1",
"curZoomRegion": "3,21",
"level": "19"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "off",
"curZoomRegionId": "1",
"curZoomRegion": "3,21",
"level": "20"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"visibility": "off",
"curZoomRegionId": "1",
"curZoomRegion": "3,21",
"level": "21"
}
}]
map.setMapStyleV2({styleJson:styleJson});
}
},
watch:{
data:function () {
this.init()
}
}
})