我的位置：首页 › 大数据分析-亿信BI › BI-心得体验 › GIS百度地图个性化配色

GIS百度地图个性化配色

复制链接 | 收藏本帖

6173

: jing 初学数据Lv2

发表于2020-4-28 14:27

楼主

亿信BI中的GIS百度地图目前显示的是百度地图的默认配色，如下图所示：

有些用户希望能自定义配色，使GIS地图的色调与报表的配色相统一，尤其是深色系的报表页面，如下图就是使用了脚本进行了自定义个性化配色：

整个页面的配色是不是高级了很多？搬好小板凳快来围观如何做到自定义个性化配色吧~

第一步：进入脚本编辑界面“报表-高级-脚本”

第二步：复制粘贴如下脚本

//百度地图个性化
function setMapStyle() {
if (g_rptpage.webGisMgr && g_rptpage.webGisMgr.getWebGisInRpt("HHH148") && g_rptpage.webGisMgr.getWebGisInRpt("HHH148").webGisObj && g_rptpage.webGisMgr.getWebGisInRpt("HHH148").webGisObj.mapObj) {
var bmapObj = g_rptpage.webGisMgr.getWebGisInRpt("HHH148").webGisObj.mapObj;
var style = [{
"featureType": "water",
"elementType": "all",
"stylers": {
"color": "#252741"
}//水系颜色
}, {
"featureType": "highway",
"elementType": "geometry.fill",
"stylers": {
"color": "#333558"
}//高速填充颜色
}, {
"featureType": "highway",
"elementType": "geometry.stroke",
"stylers": {
"color": "#216dc2"
}//高速线条颜色
}, {
"featureType": "arterial",
"elementType": "geometry.fill",
"stylers": {
"color": "#216dc2"
}//干线道路填充颜色
}, {
"featureType": "arterial",
"elementType": "geometry.stroke",
"stylers": {
"color": "#216dc2"
}//干线道路线条颜色
}, {
"featureType": "local",
"elementType": "geometry",
"stylers": {
"color": "#216dc2"
}
}, {
"featureType": "land",
"elementType": "all",
"stylers": {
"color": "#535691"
}//陆地颜色
}, {
"featureType": "railway",
"elementType": "geometry.fill",
"stylers": {
"color": "#216dc2"
}//铁路填充颜色
}, {
"featureType": "railway",
"elementType": "geometry.stroke",
"stylers": {
"color": "#216dc2"
}//铁路线条颜色
}, {
"featureType": "subway",
"elementType": "geometry",
"stylers": {
"lightness": -70
}//地铁颜色
}, {
"featureType": "building",
"elementType": "geometry.fill",
"stylers": {
"color": "#000000"
}//建筑颜色
}, {
"featureType": "all",
"elementType": "labels.text.fill",
"stylers": {
"color": "#dde2ff"
}//文字填充颜色
}, {
"featureType": "all",
"elementType": "labels.text.stroke",
"stylers": {
"color": "#252741"
}文字边线颜色
}, {
"featureType": "building",
"elementType": "geometry",
"stylers": {
"color": "#022338"
}
}, {
"featureType": "green",
"elementType": "geometry",
"stylers": {
"color": "#062032"
}//绿地颜色
}, {
"featureType": "boundary",
"elementType": "all",
"stylers": {
"color": "#3c98ff"
}//边界线颜色
}, {
"featureType": "manmade",
"elementType": "geometry",
"stylers": {
"color": "#022338"
}//人造区域颜色
}, {
"featureType": "poi",
"elementType": "all",
"stylers": {
"visibility": "off"
}//景点颜色
}, {
"featureType": "all",
"elementType": "labels.icon",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "all",
"elementType": "labels.text.fill",
"stylers": {
"color": "#dde2ff",
"visibility": "on"
}
}
];
bmapObj.setMapStyle({
styleJson: style
});
} else {
setTimeout(setMapStyle, 50);
}
}
setMapStyle();