diff --git a/src/api/data.js b/src/api/data.js
index c458622..e9e9ca6 100644
--- a/src/api/data.js
+++ b/src/api/data.js
@@ -43,3 +43,1194 @@ export const lunzApi = {
         data,
     })
 };
+
+//个性化地图
+export const styleJson = [{
+    "featureType": "land",
+    "elementType": "geometry",
+    "stylers": {
+      "color": "#242f3eff",
+      "visibility": "on"
+    }
+  }, {
+    "featureType": "manmade",
+    "elementType": "geometry",
+    "stylers": {
+      "color": "#242f3eff",
+      "visibility": "on"
+    }
+  }, {
+    "featureType": "water",
+    "elementType": "geometry",
+    "stylers": {
+      "color": "#061b93ff"
+    }
+  }, {
+    "featureType": "road",
+    "elementType": "geometry.fill",
+    "stylers": {
+      "color": "#3b90acff"
+    }
+  }, {
+    "featureType": "road",
+    "elementType": "geometry.stroke",
+    "stylers": {
+      "color": "#554631ff"
+    }
+  }, {
+    "featureType": "districtlabel",
+    "elementType": "labels.text.fill",
+    "stylers": {
+      "color": "#ffffffff"
+    }
+  }, {
+    "featureType": "districtlabel",
+    "elementType": "labels.text.stroke",
+    "stylers": {
+      "color": "#17263cff",
+      "weight": "3",
+      "opacity": "00"
+    }
+  }, {
+    "featureType": "poilabel",
+    "elementType": "labels.text.fill",
+    "stylers": {
+      "color": "#ffffffff"
+    }
+  }, {
+    "featureType": "poilabel",
+    "elementType": "labels.text.stroke",
+    "stylers": {
+      "color": "#17263cff",
+      "weight": "3",
+      "opacity": "00"
+    }
+  }, {
+    "featureType": "subway",
+    "elementType": "geometry",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "railway",
+    "elementType": "geometry",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "poilabel",
+    "elementType": "labels.icon",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "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.icon",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "provincialwaysign",
+    "elementType": "labels",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "nationalwaysign",
+    "elementType": "labels.icon",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "nationalwaysign",
+    "elementType": "labels",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "highwaysign",
+    "elementType": "labels.icon",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "highwaysign",
+    "elementType": "labels",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "green",
+    "elementType": "geometry",
+    "stylers": {
+      "color": "#263b3eff"
+    }
+  }, {
+    "featureType": "nationalwaysign",
+    "elementType": "labels.text.fill",
+    "stylers": {
+      "color": "#d0021bff"
+    }
+  }, {
+    "featureType": "nationalwaysign",
+    "elementType": "labels.text.stroke",
+    "stylers": {
+      "color": "#ffffffff"
+    }
+  }, {
+    "featureType": "city",
+    "elementType": "labels",
+    "stylers": {
+      "visibility": "on"
+    }
+  }, {
+    "featureType": "city",
+    "elementType": "labels.icon",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "city",
+    "elementType": "labels.text.fill",
+    "stylers": {
+      "color": "#d69563ff"
+    }
+  }, {
+    "featureType": "city",
+    "elementType": "labels.text.stroke",
+    "stylers": {
+      "color": "#17263cff"
+    }
+  }, {
+    "featureType": "water",
+    "elementType": "labels.text.fill",
+    "stylers": {
+      "color": "#ffffffff"
+    }
+  }, {
+    "featureType": "local",
+    "elementType": "geometry.fill",
+    "stylers": {
+      "color": "#3b90acff"
+    }
+  }, {
+    "featureType": "local",
+    "elementType": "geometry.stroke",
+    "stylers": {
+      "color": "#ffffff00"
+    }
+  }, {
+    "featureType": "fourlevelway",
+    "elementType": "geometry.fill",
+    "stylers": {
+      "color": "#3b90acff"
+    }
+  }, {
+    "featureType": "fourlevelway",
+    "elementType": "geometry.stroke",
+    "stylers": {
+      "color": "#ffffff00"
+    }
+  }, {
+    "featureType": "tertiaryway",
+    "elementType": "geometry.fill",
+    "stylers": {
+      "color": "#3b90acff"
+    }
+  }, {
+    "featureType": "tertiaryway",
+    "elementType": "geometry.stroke",
+    "stylers": {
+      "color": "#ffffff00"
+    }
+  }, {
+    "featureType": "tertiaryway",
+    "elementType": "labels.text.fill",
+    "stylers": {
+      "color": "#ffffffff"
+    }
+  }, {
+    "featureType": "fourlevelway",
+    "elementType": "labels.text.fill",
+    "stylers": {
+      "color": "#ffffffff"
+    }
+  }, {
+    "featureType": "highway",
+    "elementType": "labels.text.fill",
+    "stylers": {
+      "color": "#ffffffff"
+    }
+  }, {
+    "featureType": "highway",
+    "elementType": "geometry.fill",
+    "stylers": {
+      "color": "#3b90acff"
+    }
+  }, {
+    "featureType": "highway",
+    "elementType": "geometry.stroke",
+    "stylers": {
+      "color": "#554631ff"
+    }
+  }, {
+    "featureType": "provincialway",
+    "elementType": "geometry.fill",
+    "stylers": {
+      "color": "#3b90acff"
+    }
+  }, {
+    "featureType": "provincialway",
+    "elementType": "geometry.stroke",
+    "stylers": {
+      "color": "#554631ff"
+    }
+  }, {
+    "featureType": "tertiaryway",
+    "elementType": "labels.text.stroke",
+    "stylers": {
+      "color": "#1a2e1cff",
+      "opacity": "00"
+    }
+  }, {
+    "featureType": "fourlevelway",
+    "elementType": "labels.text.stroke",
+    "stylers": {
+      "color": "#1a2e1cff",
+      "opacity": "00"
+    }
+  }, {
+    "featureType": "highway",
+    "elementType": "labels.text.stroke",
+    "stylers": {
+      "color": "#1a2e1cff",
+      "opacity": "00"
+    }
+  }, {
+    "featureType": "nationalway",
+    "elementType": "labels.text.stroke",
+    "stylers": {
+      "color": "#1a2e1cff",
+      "opacity": "00"
+    }
+  }, {
+    "featureType": "nationalway",
+    "elementType": "labels.text.fill",
+    "stylers": {
+      "color": "#ffffffff"
+    }
+  }, {
+    "featureType": "nationalway",
+    "elementType": "geometry.fill",
+    "stylers": {
+      "color": "#3b90acff"
+    }
+  }, {
+    "featureType": "nationalway",
+    "elementType": "geometry.stroke",
+    "stylers": {
+      "color": "#554631ff"
+    }
+  }, {
+    "featureType": "cityhighway",
+    "elementType": "geometry.fill",
+    "stylers": {
+      "color": "#3b90acff"
+    }
+  }, {
+    "featureType": "cityhighway",
+    "elementType": "geometry.stroke",
+    "stylers": {
+      "color": "#554631ff"
+    }
+  }, {
+    "featureType": "arterial",
+    "elementType": "geometry.fill",
+    "stylers": {
+      "color": "#3b90acff"
+    }
+  }, {
+    "featureType": "arterial",
+    "elementType": "geometry.stroke",
+    "stylers": {
+      "color": "#554631fa"
+    }
+  }, {
+    "featureType": "medicallabel",
+    "elementType": "labels",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "medicallabel",
+    "elementType": "labels.icon",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "entertainmentlabel",
+    "elementType": "labels",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "entertainmentlabel",
+    "elementType": "labels.icon",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "estatelabel",
+    "elementType": "labels",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "estatelabel",
+    "elementType": "labels.icon",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "businesstowerlabel",
+    "elementType": "labels",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "businesstowerlabel",
+    "elementType": "labels.icon",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "companylabel",
+    "elementType": "labels",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "companylabel",
+    "elementType": "labels.icon",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "governmentlabel",
+    "elementType": "labels",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "governmentlabel",
+    "elementType": "labels.icon",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "restaurantlabel",
+    "elementType": "labels",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "restaurantlabel",
+    "elementType": "labels.icon",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "hotellabel",
+    "elementType": "labels",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "hotellabel",
+    "elementType": "labels.icon",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "shoppinglabel",
+    "elementType": "labels",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "shoppinglabel",
+    "elementType": "labels.icon",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "lifeservicelabel",
+    "elementType": "labels",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "lifeservicelabel",
+    "elementType": "labels.icon",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "carservicelabel",
+    "elementType": "labels",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "carservicelabel",
+    "elementType": "labels.icon",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "financelabel",
+    "elementType": "labels",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "financelabel",
+    "elementType": "labels.icon",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "otherlabel",
+    "elementType": "labels",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "otherlabel",
+    "elementType": "labels.icon",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "airportlabel",
+    "elementType": "labels",
+    "stylers": {
+      "visibility": "on"
+    }
+  }, {
+    "featureType": "airportlabel",
+    "elementType": "labels.text.fill",
+    "stylers": {
+      "color": "#ffffffff"
+    }
+  }, {
+    "featureType": "airportlabel",
+    "elementType": "labels.text.stroke",
+    "stylers": {
+      "color": "#17263cff",
+      "opacity": "00"
+    }
+  }, {
+    "featureType": "airportlabel",
+    "elementType": "labels.icon",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "highway",
+    "stylers": {
+      "level": "6",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "6-10"
+    }
+  }, {
+    "featureType": "highway",
+    "stylers": {
+      "level": "7",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "6-10"
+    }
+  }, {
+    "featureType": "highway",
+    "stylers": {
+      "level": "8",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "6-10"
+    }
+  }, {
+    "featureType": "highway",
+    "stylers": {
+      "level": "9",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "6-10"
+    }
+  }, {
+    "featureType": "highway",
+    "stylers": {
+      "level": "10",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "6-10"
+    }
+  }, {
+    "featureType": "highway",
+    "elementType": "geometry",
+    "stylers": {
+      "visibility": "off",
+      "level": "6",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "6-10"
+    }
+  }, {
+    "featureType": "highway",
+    "elementType": "geometry",
+    "stylers": {
+      "visibility": "off",
+      "level": "7",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "6-10"
+    }
+  }, {
+    "featureType": "highway",
+    "elementType": "geometry",
+    "stylers": {
+      "visibility": "off",
+      "level": "8",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "6-10"
+    }
+  }, {
+    "featureType": "highway",
+    "elementType": "geometry",
+    "stylers": {
+      "visibility": "off",
+      "level": "9",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "6-10"
+    }
+  }, {
+    "featureType": "highway",
+    "elementType": "geometry",
+    "stylers": {
+      "visibility": "off",
+      "level": "10",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "6-10"
+    }
+  }, {
+    "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": "highway",
+    "elementType": "labels",
+    "stylers": {
+      "visibility": "off",
+      "level": "6",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "6-10"
+    }
+  }, {
+    "featureType": "highway",
+    "elementType": "labels",
+    "stylers": {
+      "visibility": "off",
+      "level": "7",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "6-10"
+    }
+  }, {
+    "featureType": "highway",
+    "elementType": "labels",
+    "stylers": {
+      "visibility": "off",
+      "level": "8",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "6-10"
+    }
+  }, {
+    "featureType": "highway",
+    "elementType": "labels",
+    "stylers": {
+      "visibility": "off",
+      "level": "9",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "6-10"
+    }
+  }, {
+    "featureType": "highway",
+    "elementType": "labels",
+    "stylers": {
+      "visibility": "off",
+      "level": "10",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "6-10"
+    }
+  }, {
+    "featureType": "provincialway",
+    "stylers": {
+      "level": "8",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "8-9"
+    }
+  }, {
+    "featureType": "provincialway",
+    "stylers": {
+      "level": "9",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "8-9"
+    }
+  }, {
+    "featureType": "provincialway",
+    "elementType": "geometry",
+    "stylers": {
+      "visibility": "off",
+      "level": "8",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "8-9"
+    }
+  }, {
+    "featureType": "provincialway",
+    "elementType": "geometry",
+    "stylers": {
+      "visibility": "off",
+      "level": "9",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "8-9"
+    }
+  }, {
+    "featureType": "provincialway",
+    "elementType": "labels",
+    "stylers": {
+      "visibility": "off",
+      "level": "8",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "8-9"
+    }
+  }, {
+    "featureType": "provincialway",
+    "elementType": "labels",
+    "stylers": {
+      "visibility": "off",
+      "level": "9",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "8-9"
+    }
+  }, {
+    "featureType": "cityhighway",
+    "stylers": {
+      "level": "6",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "6-10"
+    }
+  }, {
+    "featureType": "cityhighway",
+    "stylers": {
+      "level": "7",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "6-10"
+    }
+  }, {
+    "featureType": "cityhighway",
+    "stylers": {
+      "level": "8",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "6-10"
+    }
+  }, {
+    "featureType": "cityhighway",
+    "stylers": {
+      "level": "9",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "6-10"
+    }
+  }, {
+    "featureType": "cityhighway",
+    "stylers": {
+      "level": "10",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "6-10"
+    }
+  }, {
+    "featureType": "cityhighway",
+    "elementType": "geometry",
+    "stylers": {
+      "visibility": "off",
+      "level": "6",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "6-10"
+    }
+  }, {
+    "featureType": "cityhighway",
+    "elementType": "geometry",
+    "stylers": {
+      "visibility": "off",
+      "level": "7",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "6-10"
+    }
+  }, {
+    "featureType": "cityhighway",
+    "elementType": "geometry",
+    "stylers": {
+      "visibility": "off",
+      "level": "8",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "6-10"
+    }
+  }, {
+    "featureType": "cityhighway",
+    "elementType": "geometry",
+    "stylers": {
+      "visibility": "off",
+      "level": "9",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "6-10"
+    }
+  }, {
+    "featureType": "cityhighway",
+    "elementType": "geometry",
+    "stylers": {
+      "visibility": "off",
+      "level": "10",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "6-10"
+    }
+  }, {
+    "featureType": "cityhighway",
+    "elementType": "labels",
+    "stylers": {
+      "visibility": "off",
+      "level": "6",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "6-10"
+    }
+  }, {
+    "featureType": "cityhighway",
+    "elementType": "labels",
+    "stylers": {
+      "visibility": "off",
+      "level": "7",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "6-10"
+    }
+  }, {
+    "featureType": "cityhighway",
+    "elementType": "labels",
+    "stylers": {
+      "visibility": "off",
+      "level": "8",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "6-10"
+    }
+  }, {
+    "featureType": "cityhighway",
+    "elementType": "labels",
+    "stylers": {
+      "visibility": "off",
+      "level": "9",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "6-10"
+    }
+  }, {
+    "featureType": "cityhighway",
+    "elementType": "labels",
+    "stylers": {
+      "visibility": "off",
+      "level": "10",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "6-10"
+    }
+  }, {
+    "featureType": "arterial",
+    "stylers": {
+      "level": "9",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "9-10"
+    }
+  }, {
+    "featureType": "arterial",
+    "stylers": {
+      "level": "10",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "9-10"
+    }
+  }, {
+    "featureType": "arterial",
+    "elementType": "geometry",
+    "stylers": {
+      "visibility": "off",
+      "level": "9",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "9-10"
+    }
+  }, {
+    "featureType": "arterial",
+    "elementType": "geometry",
+    "stylers": {
+      "visibility": "off",
+      "level": "10",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "9-10"
+    }
+  }, {
+    "featureType": "arterial",
+    "elementType": "labels",
+    "stylers": {
+      "visibility": "off",
+      "level": "9",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "9-10"
+    }
+  }, {
+    "featureType": "arterial",
+    "elementType": "labels",
+    "stylers": {
+      "visibility": "off",
+      "level": "10",
+      "curZoomRegionId": "0",
+      "curZoomRegion": "9-10"
+    }
+  }, {
+    "featureType": "building",
+    "elementType": "geometry.topfill",
+    "stylers": {
+      "color": "#2a3341ff"
+    }
+  }, {
+    "featureType": "building",
+    "elementType": "geometry.sidefill",
+    "stylers": {
+      "color": "#313b4cff"
+    }
+  }, {
+    "featureType": "building",
+    "elementType": "geometry.stroke",
+    "stylers": {
+      "color": "#1a212eff"
+    }
+  }, {
+    "featureType": "road",
+    "elementType": "labels.text.fill",
+    "stylers": {
+      "color": "#ffffffff"
+    }
+  }, {
+    "featureType": "road",
+    "elementType": "labels.text.stroke",
+    "stylers": {
+      "color": "#1a2e1cff",
+      "opacity": "00"
+    }
+  }, {
+    "featureType": "provincialway",
+    "elementType": "labels.text.fill",
+    "stylers": {
+      "color": "#ffffffff"
+    }
+  }, {
+    "featureType": "cityhighway",
+    "elementType": "labels.text.fill",
+    "stylers": {
+      "color": "#ffffffff"
+    }
+  }, {
+    "featureType": "arterial",
+    "elementType": "labels.text.fill",
+    "stylers": {
+      "color": "#ffffffff"
+    }
+  }, {
+    "featureType": "provincialway",
+    "elementType": "labels.text.stroke",
+    "stylers": {
+      "color": "#1a2e1cff",
+      "opacity": "00"
+    }
+  }, {
+    "featureType": "cityhighway",
+    "elementType": "labels.text.stroke",
+    "stylers": {
+      "color": "#1a2e1cff",
+      "opacity": "00"
+    }
+  }, {
+    "featureType": "arterial",
+    "elementType": "labels.text.stroke",
+    "stylers": {
+      "color": "#1a2e1cff",
+      "opacity": "00"
+    }
+  }, {
+    "featureType": "local",
+    "elementType": "labels",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "manmade",
+    "elementType": "labels.text.fill",
+    "stylers": {
+      "color": "#ffffffff"
+    }
+  }, {
+    "featureType": "manmade",
+    "elementType": "labels.text.stroke",
+    "stylers": {
+      "color": "#17263cff",
+      "opacity": "00"
+    }
+  }, {
+    "featureType": "subwaystation",
+    "elementType": "geometry",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "transportationlabel",
+    "elementType": "labels.icon",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "transportationlabel",
+    "elementType": "labels",
+    "stylers": {
+      "visibility": "off"
+    }
+  }, {
+    "featureType": "estate",
+    "elementType": "geometry",
+    "stylers": {
+      "color": "#2a3341ff"
+    }
+  }, {
+    "featureType": "background",
+    "elementType": "geometry",
+    "stylers": {
+      "visibility": "off",
+      "color": "#cc1a98ff"
+    }
+  }, {
+    "featureType": "water",
+    "elementType": "labels.text.stroke",
+    "stylers": {
+      "opacity": "00"
+    }
+  }, {
+    "featureType": "scenicspots",
+    "elementType": "geometry",
+    "stylers": {
+      "color": "#4a4a4aff"
+    }
+  }, {
+    "featureType": "scenicspots",
+    "elementType": "labels.text.fill",
+    "stylers": {
+      "color": "#ffffffff"
+    }
+  }, {
+    "featureType": "scenicspots",
+    "elementType": "labels.text.stroke",
+    "stylers": {
+      "opacity": "00"
+    }
+  }, {
+    "featureType": "education",
+    "elementType": "geometry",
+    "stylers": {
+      "color": "#4a4a4aff"
+    }
+  }, {
+    "featureType": "education",
+    "elementType": "labels.text.fill",
+    "stylers": {
+      "color": "#ffffffff"
+    }
+  }, {
+    "featureType": "education",
+    "elementType": "labels.text.stroke",
+    "stylers": {
+      "opacity": "00"
+    }
+  }, {
+    "featureType": "scenicspotsway",
+    "elementType": "geometry.fill",
+    "stylers": {
+      "color": "#3b90acff"
+    }
+  }, {
+    "featureType": "scenicspotsway",
+    "elementType": "geometry.stroke",
+    "stylers": {
+      "opacity": "00"
+    }
+  }, {
+    "featureType": "vacationway",
+    "elementType": "geometry.fill",
+    "stylers": {
+      "color": "#3b90acff"
+    }
+  }, {
+    "featureType": "vacationway",
+    "elementType": "geometry.stroke",
+    "stylers": {
+      "opacity": "00"
+    }
+  }, {
+    "featureType": "transportation",
+    "elementType": "geometry",
+    "stylers": {
+      "visibility": "on"
+    }
+  }, {
+    "featureType": "scenicspotslabel",
+    "elementType": "labels",
+    "stylers": {
+      "visibility": "on"
+    }
+  }];
\ No newline at end of file
diff --git a/src/views/components/pathMap.vue b/src/views/components/pathMap.vue
index 1f4ffd7..5174819 100644
--- a/src/views/components/pathMap.vue
+++ b/src/views/components/pathMap.vue
@@ -1,11 +1,9 @@
 <template>
-  <div class="map_warp">
-    <div id="container" style="width:100%;height:100%"></div>
-  </div>
+  <div id="container" style="width:100%;height:100%"></div>
 </template>
 
 <script>
-import { lunzApi, appKey, key, carList } from "@/api/data";
+import { lunzApi, appKey, key, carList, styleJson } from "@/api/data";
 import { dateFormat } from "@/util/date";
 export default {
   data() {
@@ -51,6 +49,9 @@ export default {
       this.baiduMap.setMapStyleV2({
         styleId: 'ec6ebc8ad35bcfbd56a424a29f325360'//'ef4f05652d24d0f23332710fbacad245'//
       });
+      // this.baiduMap.setMapStyleV2({
+      //   styleJson
+      // })
       // this.view = new mapvgl.View({
       //   map: this.baiduMap
       // });
@@ -77,7 +78,7 @@ export default {
             strokeWeight: 3,
             strokeOpacity: 1
           });
-          this.baiduMap.addOverlay(border);
+          // this.baiduMap.addOverlay(border);
           // var ply = new BMapGL.Polygon(rs.boundaries[i], { strokeWeight: 2, strokeColor: "#0e94eb", fillColor: '', fillOpacity: 0, }); //建立多边形覆盖物
           // this.baiduMap.addOverlay(ply);  //添加覆盖物
         }