先进行地图加载,然后加载图片(修改背景图/图层背景图需要用到)
_self.map.loadImage(
window.location.origin + item.url,
function (error, image) {
if (error) throw error;
_self.map.addImage(item.id, image);
})
1.背景图及颜色透明度修改
背景图修改:window.map.setPaintProperty('backgroundID', 'background-pattern', 'bgimage7');
背景色修改:window.map.setPaintProperty('backgroundID', 'background-color', val);
透明度:window.map.setPaintProperty('backgroundID', 'background-opacity', val/100);
是否显示:window.map.setLayoutProperty('backgroundID', 'visibility', 'visible');
2.面图层修改
背景图:window.map.setPaintProperty('mapVector1', 'fill-pattern', 'bgimage4');
背景色:window.map.setPaintProperty('mapVector1', 'fill-color', val);
透明度:window.map.setPaintProperty('mapVector1', 'fill-opacity', val/100);
是否显示:window.map.setLayoutProperty('mapVector1', 'visibility', 'visible');
3.线图层修改
线填充色:window.map.setPaintProperty('mapVector2', 'line-color', val);
透明度:window.map.setPaintProperty('mapVector2', 'line-opacity', val/100);
是否显示:window.map.setLayoutProperty('mapVector2', 'visibility', 'visible');
效果图: