文章目录
 
切换腾讯地图的文字注记
预期效果
关键思路分析与解读
如何控制底图文本注记的显隐？
如何判断当前是什么底图？
    
示例代码
  
 

 
切换腾讯地图的文字注记
 
在网上看到了这么个效果，感觉自己以后也会遇到，或者说现有项目可能会扩展这个需求，就先搜集资料探索一下咯~
 
到时候需求落到身上了就不用慌啦~淡然处之！
 
 
预期效果
 
可手动切换地图底图，且可单独对底图上的文本进行显隐控制
 
 
 
关键思路分析与解读
 
如何控制底图文本注记的显隐？
 
腾讯地图 JavascriptAPI GL 的底图由多种元素（多个要素图层）叠加渲染形成，支持设置使用一个或多个元素（要素图层）来进行底图的渲染。
 
常用的底图类型一般是矢量图、卫星图
 
VectorBaseMap 对象规范 
  
features 属性传入数组，则只显示数组里的要素
只显示矢量图的基本信息（不显示文本注记）：this.map.setBaseMap({ type: 'vector', features: ['base', 'building2d'] }) 
    
矢量图的要素类型：底面（base）、建筑物（building3d）、建筑物平面(building2d)、poi文字（point）、道路文字（label）
 
只显示卫星图的基本信息（不显示注记）：this.map.setBaseMap({ type: 'satellite', features: ['base'] }) 
    
卫星图的要素类型：卫星影像图（base）、路网图（road），路网图要素里包含了文本注记
 
 
 
如何判断当前是什么底图？
 
map.getBaseMap() 可以获取到当前的底图对象，借此来实现地图文本标记的控制 
  
this.map.getBaseMap().type == 'satellite' ：判断当前底图是不是卫星图
当然切换底图的时候也可以通过 this.map.getBaseMap().features 来判断文本标注是显示的还是隐藏的，来达到地图文字标注只是通过 显示标注 来控制显隐的效果
 
也可以通过变量来管理展示的底图类型，就不需要通过 api 去获取底图类型了 
  
isSatellite：是否开启卫星图
 
 
示例代码
 
选中显示标注调用 showBaseMapText 方法
取消选中调用 hideBaseMapText 方法
 
export default {
  // ...
  methods: {
      // 隐藏底图的文本标注
      hideBaseMapText() {
        if (this.map.getBaseMap().type == 'satellite') {
          this.map.setBaseMap({ type: 'satellite', features: ['base'] })
        } else {
          this.map.setBaseMap({ type: 'vector', features: ['base', 'building2d'] })
        }
      },
          
      // 显示底图的文本标注（不传 features 默认显示所有要素）
      showBaseMapText() {
        if (this.map.getBaseMap().type == 'satellite') {
          this.map.setBaseMap({ type: 'satellite' })
        } else {
          this.map.setBaseMap({ type: 'vector' })
        }
      }
      
      // ...
  }
}

 
一张banner的构成通常包括：主体物、文字、背景、点缀元素，前2篇文章讲了实景图banner和插画类banne主体物构成的一些技巧。
 
这篇文章将分析banner背景常见处理手法，下面给你11招，希望在你没有灵感的时候可以有一些想法～
 
注：图片素材来源于稿定设计，仅学习分享交流使用！
 
招式1：纯色背景
 

 
选用与主题相关的背景色直接填充，给人简单干净的感觉。
 
招式2：渐变色背景
 

 
选用同色系或相近色系填充渐变，多用于运营类活动中，营造活泼的氛围，吸引用户眼球。
 
招式3：文字背景
 

 
选用主题相关的文字平铺在背景上，可以是一个字、词语、几句话等重复出现，增强氛围感。
 
招式4：现实生活质感背景
 

 
选用现实生活中对应元素，比如上图中纸张、代码、黑板等元素，有一种代入感和熟悉感。
 
招式5：主题相关图标平铺背景
 

 
选用主题相关的图标平铺在背景上，使画面不那么单调，同时能够更好的突出主题。
 
招式6：不规则形状背景
 

 
常用的形状有圆形、三角形、曲线等，可以营造一种空间感，使画面更有层次。
 
招式7：多色块拼接背景
 

 
这种背景有种抽象感，一般色彩丰富，比较能够吸引用户视线。
 
招式8：空间感背景
 

 
通过纵深空间打造具有三维空间感的场景作为背景，这种背景用在科技类banner中比较多，给人一种未来感。
 
招式9：放射线背景
 

 
用在促销广告类banner中比较多，从中心点发散开，聚焦视觉，具有冲击力。
 
招式10: 点状背景
 

 
加入点状背景，用在描边类插画banner中比较多。
 
招式11：格子背景
 

 
加入格子背景，有种文艺复古多感觉。
 
好了，今天的分享就到这里，这里只是我的一些看法，之后还会继续写banner文字处理、点缀元素的文章。如果觉得我的文章对你有帮助的话，点赞支持一下哦，给我更多写文章的动力，哈哈，一起加油～
 
对前2篇文章感兴趣的小伙伴可以点下面的链接哦～

 
废话删掉，直接上图，带你装逼带你飞
 
我最喜欢四个照片类APP  当然，他们也都是各有优点，优势互补，通常情况下，我是根据照片类型来选择使用的APP。(去去去，去下载)
 

 
爱相机   PICSArt   黄油相机   Snapseed拍照时用爱相机吧
 
当我第一次用爱相机的时候，就特别喜欢。
 
干净、方便、滤镜极佳。功能简单大方、比例调整、延时、水平仪辅助都有、并且适合自拍。
 

 
界面及我喜欢的滤镜
 
而且照片会记录拍摄地点，还会自动上传云端，又不怕丢失也不会占内存。棒！很多情况下，直接用里面的滤镜，使用1：1比例随手拍照，不加修饰照片就已经很不错了。比如：
 

 
随手拍
 
当然，手机自带的相机也是很好的，尤其是用“铬黄”滤镜拍出来的照片效果也很棒、而且用原本的照片后期作图，效果会更好。能做出小清新的照片的黄油相机你一定会喜欢
 

 
黄油相机 干净界面
 
首先剪裁，一键添加白边，改变比例、及背景色。
 
其次是第二个界面，分别有调整(曝光、对比度、饱和度、褪色、模糊)、滤镜、元素和模板
 

 
黄油相机
 
选上一个你喜欢的滤镜、在元素里面无论是话题、文字、图形都很好看。模板还可以直接套用其他人做好的。
 
最后直接生成！ 各种清新各种美只需要一分钟！随便上图：
 

 
例1
 

 
例2说好的逼格在这里——Snapseed
 
Snapseed算是电脑里的PS，而且简单易操作，真心强大。
 

 
Snapseed界面
 
常用的有调整图片、突出细节、加入戏剧效果、粗粒胶片
 
虽然一开始大家可能不太会用这款APP，但是没事的时候多玩玩，有时候有想不到的效果，比如这样：
 

 
早上随手拍
 

 
随便调一调
 
这张照片只用了第一个调整图片。改变亮度、饱和度、对比度、感觉暖色调也很重要。你不需要知道这几个名词到底是什么。调大调小用一用就知道是什么了。
 
再比如这样的一张原图
 

 
使用爱相机里的一个滤镜拍的
 

 
使用Snapseed作图
 
1.调整图片、改变亮度、对比度、暖色调
 
2.突出细节：这里面主要是结构和锐化，改变照片的质感
 

 
3.色调对比度，主要是改变高色调、中色调、低色调。
 
4.为什么还是调整图片呢? 因为在突出细节以后，照片不一样了，在此之上的调整和之前的也就不一样了。不过，可以忽略这一步。
 
5.大招大招：加入戏剧效果，立刻让图片看上去不一样。用这个效果做出来的图片真的特别有大片的视觉感。
 

 
效果图
 
对于咱们这些可爱的小白，可能做不到很厉害的后期，但偶尔摸索摸索感觉自己还是挺厉害的。
 
除此之外，有一个变形的功能也很棒，分分钟腿长180。装逼技能之——PicsArt
 
以上所有的拼图都是用PicsArt做的。拼图模式板块很多。除此之外，这款APP也是专业级的，很多功能也很厉害。包括背景里加白边框、可以选择透明度。
 

 
界面
 
介绍一个添加照片的功能，它做很多的图，首先打开一张背景图，选择添加照片，会出现两张照片重叠，有以下几个按键可用。
 

 
正片爹底模式
 
当你添加的照片背景是白色的时候、按正片叠底模式把白色变成透明的了，是不是很棒，而且可以用在很多地方。各种高大上的表情包、自己手写的文字、做喜欢的图文照片等等  效果如下：
 

 
你学会了吗多用才能提高啊
 
分享了这么多。你学会了吗，快去做张图片发个朋友圈吧
 
——走走姑娘

一、改变背景图片：

 1. 点击“钢笔”，将要保留的人物用钢笔点，并伴随着“Alt”键，用线包围

 

 起来；然后 ctrl+0, ctrl+"Enter",点击“羽化”，半径设为“2”；

 2.打开“背景图片”，2幅图片并列好，选择“移动工具”，将第一幅圈起来的

 

 图片拖拽到第二幅图中（背景图）,找到合适的位置放（可不断拖拽）；Ctrl

 

 +t;shift+alt调整大小；

 

 3.点“回车”边线就没了；亮度不够，ctl+m调节；

 alt+左拉，复制一个；ctrl+T,shift+alt放大；右键，水平翻转，鼠标放外边

 

 可以旋转，放里边可以移动，点“回车”，边线去掉

 4.F7,图层出现，不透明度57，填充87%，关闭

 5.

 阴影，橡皮擦工具（背景为白），不透明度不超过30，右键调整画笔大小，然

 

 后点图片的外边，方框就没了，来回擦，一定擦干净；

 6.点击“图层”-》合并可见图层

 

 7. 打几个字：点击“T”->直排文字工具，图片上点击一下，设置调节字体大

 

 小，ctl+t,鼠标就可以调节大小，回车键，边线消失

 点击“T”-》变形文字，点击“移动工具”移到合适位置

 “窗口”-》样式，可以改变字体的颜色

 8. 点击“图层”-》合并可见图层

 9.点击“文件”-》存储为Web所用格式--》jpeg

 

 ctrl+[ 下

 ctrl+] 上

 ctrl+shift+[ (到最底层) ]

 

 选择魔术棒工具，默认第一项 容差 连续

 w键选择某个点

 容差：包容度

 

 

 二、

 
魔棒工具--》油漆桶工具--》橡皮擦
 
三、
 
磁性套索工具--》油漆桶工具--》橡皮擦
 

 
 
注意：画笔、快速蒙版的用法