个性化百度地图

最新推荐文章于 2023-07-31 20:24:45 发布
最新推荐文章于 2023-07-31 20:24:45 发布
阅读量1.4k 收藏
点赞数
分类专栏： 地图——百度地图 web前端 文章标签： 前端 百度地图 个性化
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yb305/article/details/126011434
版权 
let styleJson = [
    {
      featureType: "land",
      elementType: "geometry",
      stylers: {
        visibility: "on",
        color: "#091220ff"
      }
    },
    {
      featureType: "water",
      elementType: "geometry",
      stylers: {
        visibility: "on",
        color: "#113549ff"
      }
    },
    {
      featureType: "green",
      elementType: "geometry",
      stylers: {
        visibility: "on",
        color: "#0e1b30ff"
      }
    },
    {
      featureType: "building",
      elementType: "geometry",
      stylers: {
        visibility: "on"
      }
    },
    {
      featureType: "building",
      elementType: "geometry.topfill",
      stylers: {
        color: "#0898fb33" //0898fb33
      }
    },
    {
      featureType: "building",
      elementType: "geometry.sidefill",
      stylers: {
        color: "#143e56ff" //143e56ff
      }
    },
    {
      featureType: "building",
      elementType: "geometry.stroke",
      stylers: {
        color: "#fffffff33" //#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: "#2dc4bb21" /*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: "#2dc4bb21"
      }
    },
    {
      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.fill",
      stylers: {
        color: "#2dc4bb21"
      }
    },
    {
      featureType: "city",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00"
      }
    },
    {
      featureType: "town",
      elementType: "labels.icon",
      stylers: {
        visibility: "on"
      }
    },
    {
      featureType: "town",
      elementType: "labels",
      stylers: {
        visibility: "off"
      }
    },
    {
      featureType: "town",
      elementType: "labels.text.fill",
      stylers: {
        color: "#454d50ff"
      }
    },
    {
      featureType: "town",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffffff"
      }
    },
    {
      featureType: "road",
      elementType: "geometry.fill",
      stylers: {
        color: "#12223dff"
      }
    },
    {
      featureType: "poilabel",
      elementType: "labels",
      stylers: {
        visibility: "on"
      }
    },
    {
      featureType: "districtlabel",
      elementType: "labels",
      stylers: {
        visibility: "off"
      }
    },
    {
      featureType: "road",
      elementType: "geometry",
      stylers: {
        visibility: "on"
      }
    },
    {
      featureType: "road",
      elementType: "labels",
      stylers: {
        visibility: "off"
      }
    },
    {
      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: "#2dc4bb21"
      }
    },
    {
      featureType: "poilabel",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00"
      }
    },
    {
      featureType: "manmade",
      elementType: "geometry",
      stylers: {
        color: "#12223dff"
      }
    },
    {
      featureType: "districtlabel",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffffff"
      }
    },
    {
      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: "#2dc4bb21"
      }
    },
    {
      featureType: "country",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00"
      }
    },
    {
      featureType: "water",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bb21"
      }
    },
    {
      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: "#2dc4bb21"
      }
    },
    {
      featureType: "tertiaryway",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00"
      }
    },
    {
      featureType: "fourlevelway",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bb21"
      }
    },
    {
      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: "#2dc4bb21"
      }
    },
    {
      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: "#2dc4bb21"
      }
    },
    {
      featureType: "educationlabel",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00"
      }
    },
    {
      featureType: "transportation",
      elementType: "geometry",
      stylers: {
        color: "#113549ff"
      }
    },
    {
      featureType: "airportlabel",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bb21"
      }
    },
    {
      featureType: "airportlabel",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00"
      }
    },
    {
      featureType: "scenicspotslabel",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bb21"
      }
    },
    {
      featureType: "scenicspotslabel",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00"
      }
    },
    {
      featureType: "medicallabel",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bb21"
      }
    },
    {
      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: "#2dc4bb21"
      }
    },
    {
      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: "#2dc4bb21"
      }
    },
    {
      featureType: "estatelabel",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00"
      }
    },
    {
      featureType: "businesstowerlabel",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bb21"
      }
    },
    {
      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: "#2dc4bb21"
      }
    },
    {
      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: "#2dc4bb21"
      }
    },
    {
      featureType: "governmentlabel",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00"
      }
    },
    {
      featureType: "restaurantlabel",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bb21"
      }
    },
    {
      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: "#2dc4bb21"
      }
    },
    {
      featureType: "hotellabel",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00"
      }
    },
    {
      featureType: "shoppinglabel",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bb21"
      }
    },
    {
      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: "#2dc4bb21"
      }
    },
    {
      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: "#2dc4bb21"
      }
    },
    {
      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: "#2dc4bb21"
      }
    },
    {
      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: "#2dc4bb21"
      }
    },
    {
      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: "#2dc4bb21"
      }
    },
    {
      featureType: "manmade",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00"
      }
    },
    {
      featureType: "transportation",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bb21"
      }
    },
    {
      featureType: "transportation",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00"
      }
    },
    {
      featureType: "education",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bb21"
      }
    },
    {
      featureType: "education",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00"
      }
    },
    {
      featureType: "medical",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bb21"
      }
    },
    {
      featureType: "medical",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00"
      }
    },
    {
      featureType: "scenicspots",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bb21"
      }
    },
    {
      featureType: "scenicspots",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00"
      }
    }
  ];
map.setMapStyleV2({styleJson:styleJson});

详细用法参照：jspopularGL | 百度地图API SDK

yb305小白
关注
专栏目录
离线个性化百度地图
01-20
离线个性化百度地图是一种创新的方式，它允许用户根据自己的需求和喜好，利用百度地图API来定制个人专属的地图。这种技术打破了传统在线地图服务的局限，让用户在无网络连接的情况下也能享受自定义的地图体验。 ...
百度地图-个性化地图用法
星银色飞行船的博客
02-11 5300
个性化地图 效果 登录 百度地图api官网 点击开发文档->个性化地图编辑器 开始使用 点击新建 选一个免费的模板 点击使用 点击编辑JSON 复制所有json代码 将复制的json对象赋值给styleJson 对象 map.setMapStyleV2({ styleJson: styleJson });即可渲染地图 ...
echarts使用个性化百度地图(bmap)加载出现空白问题
最新发布
m0_72837519的博客
07-31 1586
解决echarts个性化百度地图出现空白问题,主要因为百度地图v2.0添加了个性化样式设置（给option.bmap中添加了styleJson配置）造成的,如果需要解决就要用v3.0,设置个性化的方式也不一样,引入的百度地图版本也要改成v3.0。
使用百度地图API关于新版个性化地图的使用详解
m0_61781282的博客
06-30 1371
此时可以选择使用地图的id和下载JSON两种方式使用个性化地图，在这里建议下载JSON到本地去使用，因为下载JSON之后可以对地图的细节进行微调，但是使用ID的话调整起来比较麻烦。登录官网之后点击“控制台--特色服务平台--个性化地图”，里面有地图模板，可以找到适合你的模板点击发布样式，这样就可以在“我的地图”中找到了。进入“我的地图”点击编辑，将JSON文件下载到本地，最好和你的地图放到同一文件夹下面，这个js文件就是我下载的JSON文件。二、去官网上下载自己的个性地图。点击“控制台”申请你的ak。
基于行政区划的百度个性化地图及遥感影像栅格瓦片下载合成器（可叠加行政区划，适合用作科研遥感影像附图）
HouGISer的博客
11-23 2676
文章目录背景 背景 我们知道，地图分为栅格和矢量两种。以往基本都是栅格地图，后来随着技术发展和地理数据不断积累，矢量地图慢慢开始流行。现在网络上看到的百度、高德、腾讯地图等，基本都是基于矢量切片来显示的，而遥感卫星影像，自然还是栅格切片。 百度地图个性在线编辑器旧版 ...
百度个性化地图使用
VipPetergee的博客
09-28 7810
工作需要，看了下百度个性化地图，参照开发文档修改了下，发现一些小的细节容易被忽略，导致个性化地图设置，不起作用，下面我针对Fragment和Activity中接入进行简单介绍 先看下默认主题显示效果图，方便大家对照 1、官方文档接入说明     告诉我你看懂了吗，反正我没看懂 2、下面介绍用我的方式进行介绍  设置个性化地图，一定要保证百度相关SDK及so库已经接
Cesium支持加载百度地图源码可直接使用
04-13
很多小伙伴想要在Cesium里增加百度地图，现在源代码整理好了，需要的可以下载了，具体有什么问题可以私信我
百度地图个性化弹出层和地图颜色
12-31
本文将深入探讨“百度地图个性化弹出层和地图颜色”这一主题，旨在帮助开发者更好地利用百度地图API来创建独特且引人入胜的用户体验。 首先，让我们了解“百度地图个性化弹出层”。弹出层，也称为信息窗口或气泡，...
炫酷的淡蓝色百度地图自定义样式
07-09
具体样式效果可参考本人文章中百度地图自定义信息框的文章 https://blog.csdn.net/qq_26991807/article/details/80764647
详解vue在项目中使用百度地图
10-17
通过在`index.html`中引入地图链接、在Vue组件中定义地图容器和初始化地图实例，可以在Vue项目中实现百度地图的基本功能。学习和使用这些知识点，可以有效地在Web应用中集成地图服务，为用户提供直观的位置展示和...
百度地图开发之个性化地图
10-25
资源博客地址:https://blog.csdn.net/lanrenxiaowen/article/details/83379015
怎样设置百度地图自定义样式？
jia嘉ioo的博客
05-25 1988
map百度地图自定义样式
Map features（地图功能）
阿依土鳖王子の博客
04-14 293
unity游戏mapbox地图开发
百度地图个性化编辑以及使用
热门推荐
u013778491的博客
01-09 1万+
  1、首先去百度的http://lbsyun.baidu.com/customv2/index.html去编辑想要的效果，然后下载它的json文件 2、设置json路径：在oncreat方法里面加入 注意：MapView.setCustomMapStylePath("/mnt/sdcard/style_json.json");此方法放在setContentView(R.layout.xx...
百度地图-区块及marker
henghahouhei的博客
03-25 448
let map, markerCommu; var myIcon = './img/map/biao.png'; var myIcon1 = './img/map/biao1.png'; var infoBox; let jiuQuMarker,tangHeMarker,jiuQuLabel,tangHeLabel,qhwMarker,qgMarker,qhwLabel,qgLabel,qhwWorkMarker=[],qgWorkMarker=[]; function initMap(mapI...
案例3：百度地图api-个性化地图茶田样式
星银色飞行船的博客
10-26 433
案例3：百度地图api-个性化地图茶田样式
百度卫星地图切换个性化地图
你离优秀差多少
07-19 780
3.带路况的混合卫星地图。2.不带路况的卫星地图。
echarts 百度地图，城市区域场景标识参数意义配置分析
m0_56434294的博客
10-13 773
echarts地图参数分析
百度地图开发入门（2）：控件与个性化地图
--Joern的物联领域--
06-09 781
这个控件的概念类似echarts中的组件，例如地图里面控制放大缩小的图表、标尺等等工具。首先我们添加一个控制zoom的组件： 注意百度文档不一定百分百可信，出现问题还是要打印对象看这个控件用于描述地图上一段距离代表的实际长度，他会根据你的实际缩放比例调整文案： 即可以自定义百度地图的部分样式，例如地图上面区域换一个颜色，路径换一个颜色等等。这里我们可以前往百度的个性化地图中编辑，通过一些样式模板以及二次操作来生成最后的地图样式：https://lbsyun.baidu.com/index.php?title
cesium加载个性化百度地图url
06-27
### 回答1： Cesium是一款强大的地图引擎，可以实现三维地图的展示和交互。而百度地图则是目前中国最广泛使用的地图服务。通过将Cesium与百度地图结合起来，不仅可以为用户提供更加真实、立体的地图显示效果，还能够利用百度地图的丰富数据资源。 如果要将个性化的百度地图URL加载到Cesium中，首先需要使用Cesium提供的ImageryLayer类，将百度地图的图像作为一个层添加到地图上。这可以通过以下代码实现： ``` var imageryProvider = new Cesium.UrlTemplateImageryProvider({ url : 'http://maponline1.bdimg.com/tile/?qt=tile&x={x}&y={y}&z={z}&styles=pl&udt=20180417&scaler=1', credit : '百度地图' }); var imageryLayer = new Cesium.ImageryLayer(imageryProvider); viewer.imageryLayers.add(imageryLayer); ``` 其中，URL中的{x}、{y}、{z}表示地图瓦片的行、列、层级，这里使用的是百度地图的全球瓦片服务（tiles.map.bdimg.com），可以根据需要进行更改。 通过这样的方式，即可在Cesium中加载个性化的百度地图URL，实现更加个性化的地图展示效果。同时，也可以在这个基础上实现自定义的地图标记、交互等功能，为用户提供更加丰富、多样的地图应用体验。 ### 回答2： Cesium是一款强大的三维地图引擎，可以用来创建复杂的地球和空间场景。它可以与各种开放地图服务（如Google地图和OpenStreetMap）集成，也可以与自己的百度地图API集成，以便于您自定义百度地图的外观和功能。 在Cesium中加载个性化百度地图的URL很简单，您只需遵循以下步骤： 1. 获取个性化百度地图的URL：打开百度地图网站（http://map.baidu.com/），选择自定义地图，然后调整地图的样式和功能。完成后，单击“保存”按钮，该地图页面上将显示您的个性化地图的URL。 2. 将URL复制到Cesium中：在Cesium的代码中添加以下代码片段，将个性化百度地图的URL添加到您的应用程序中： var viewer = new Cesium.Viewer('cesiumContainer'); viewer.imageryLayers.addImageryProvider(new Cesium.UrlTemplateImageryProvider({ url : '您的个性化百度地图URL', credit : 'Baidu' })); 3. 运行应用程序：保存并运行应用程序以查看您的个性化百度地图。现在，您可以在Cesium中加载完全符合您需要的百度地图了！ 总之，Cesium和百度地图API的结合可以给您的WebGIS应用程序带来更为丰富的功能和更好的用户体验。 希望这个简单的步骤一步一步地带领大家成功加载个性百度地图。 ### 回答3： Cesium是一个开源的地球可视化引擎，可以加载不同的地图服务。想要加载个性化的百度地图，只需要在Cesium中使用自定义的URL即可。 首先，在百度地图开放平台上申请一个地图API，并生成一个AK（Access Key），这个AK将作为加载地图的凭证。接下来，将AK加入个性化URL中，形成如下的URL： http://api.map.baidu.com/customimage/tile?&x={x}&y={y}&z={z}&udt=20200516&scale=1&ak=YOUR_AK 其中，{x}、{y}和{z}分别表示地图的瓦片坐标和缩放级别，你可以根据需要调整它们的值。udt参数表示地图的更新时间，这里设置为20200516，也可以根据实际情况修改。scale参数表示地图的清晰度，这里设置为1表示标准清晰度。最后，将YOUR_AK替换为你的AK即可。 在Cesium中，使用以下代码加载地图： ``` var viewer = new Cesium.Viewer('cesiumContainer'); var baiduImageryProvider = new Cesium.UrlTemplateImageryProvider({ url: 'http://api.map.baidu.com/customimage/tile?&x={x}&y={y}&z={z}&udt=20200516&scale=1&ak=YOUR_AK', credit: '' }); viewer.imageryLayers.addImageryProvider(baiduImageryProvider); ``` 这样就可以成功加载个性化的百度地图了。如果需要修改地图样式，可以在百度地图开放平台的个性化地图样式编辑器中进行编辑，并在URL中加入相应参数，详细可参考百度地图开放平台的相关文档。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值