别再瞎找地图底图了！这个免费工具，5 分钟做出个性风格！

admin

百度地图个性地图制作全攻略！PPT分析图表从此高端大气上档次！

——轻松定制专属地图样式，让你的设计脱颖而出

相信作为设计师，你一定经常在PPT汇报文件中遇到需要地图底图的场景：区位分析、通道分析、产业分析等各种页面都需要用到美观专业的地图作为基础。

很多人苦苦寻找适合自己的地图底图，但其实百度地图早已提供了官方个性地图制作平台！今天就来为大家详细介绍如何利用百度地图个性地图制作平台，创建专属于你的风格地图。

一、百度个性地图是什么？

百度个性地图服务允许用户自由控制地图元素的显示/隐藏，并自定义地图元素的样式，从而创建出满足特定需求的与众不同地图。

通过改变底图各元素和文字的颜色、可见性，实现地图多样展现效果，适配各个行业不同的地图呈现需求，这意味着你可以打造出完美匹配你PPT风格的地图底图！

二、两种定制方式，总有一种适合你

百度地图提供了两种个性地图定制方式：

（一）模板选择方式（适合初学者）

这种方式简单好用，百度提供了多种不同风格的模板，开发者可以从中选择感兴趣的模板进行开发。

使用步骤如下：

• 选择模板：百度开放平台提供多种不同风格的模板，包括深色、浅色等不同风格。
• 设置地图样式：将style改为模板下方的英文名称。
  
  

1. var mapStyle = { style: "mapbox" }; // 这里的"mapbox"替换为你选择的模板英文名称
   
2. map.setMapStyle(mapStyle);

复制代码

（二）个性化编辑方式（推荐设计师使用）

这种方式允许开发者借助个性化编辑器，通过改变地图元素的颜色、亮度、饱和度、文本标注填充色等生成样式配置json，实现更高自由度的定制。

使用步骤如下：

第一步：访问个性地图编辑平台

访问百度地图开放平台的个性地图编辑界面：http://lbsyun.baidu.com/apiconsole/custommap

第二步：新建地图样式

在我的地图中，新建一个地图样式。百度提供了三种方式：

• 根据模板选择：提供多种官方模板，根据场景分深色和浅色，根据行业分全部行业、出行行业、物流行业等。
• 根据配色色系选择：提供各种色系，地图会根据选择的色系自动调整。
• 根据图片颜色进行配色：提取图片中的几种颜色作为色系进行地图渲染。
  
  

第三步：编辑样式规则

样式规则是对元素、属性及样式的统一描述。编辑首个元素时默认有一条规则，用户可以基于此修改地图样式[color=var(--dsw-alias-brand-text)]。

选择元素：选择要修改的地图元素。可选元素包括：

• 地图背景（面状元素如陆地、水系、绿地等）
• 道路（高速及国道、城市主路、一般道路等）
• 兴趣点（银行，学校，餐馆等点状元素）
• 行政区划（国界、省界等行政单位标注）
  
  

选择属性：指定修改元素的哪个部分（如文本、边框、填充色）。

选择样式：设定选定属性的样式，如颜色、透明度。

第四步：发布并获取样式

编辑完成后，点击发布样式，获取样式ID或下载样式JSON文件，样式ID是调用个性化地图时的关键凭证。

三、如何在项目中使用个性化地图？

获取到样式ID或JSON后，你可以通过以下方式在项目中应用个性化地图：

通过样式ID调用（推荐）

1. // 创建Map实例
   
2. const map = new BMapGL.Map("mapContainer", {
   
3.   enableMapClick: false,
   
4. });
   
5. map.centerAndZoom(new BMapGL.Point(116.404269, 39.914714), 11);
   
6. map.enableScrollWheelZoom(true);
   
7. 
   
8. // 使用样式ID设置地图样式
   
9. map.setMapStyleV2({ styleId: "你的样式ID" });

复制代码

通过样式JSON调用

1. // 创建Map实例
   
2. const map = new BMapGL.Map("mapContainer", {
   
3.   enableMapClick: false,
   
4. });
   
5. map.centerAndZoom(new BMapGL.Point(116.404269, 39.914714), 11);
   
6. map.enableScrollWheelZoom(true);
   
7. 
   
8. // 使用样式JSON设置地图样式
   
9. var styleJson = [你的样式JSON];
   
10. map.setMapStyleV2({ styleJson: styleJson });

复制代码

当然对于规划设计师，直接截屏后放到PPT即可！

四、设计技巧与注意事项

保持简洁：PPT地图底图不宜过于复杂，适当隐藏不必要的元素（如POI点）可以让主体更加突出。

配色协调：选择与PPT整体风格协调的配色方案，确保地图融入整体设计而不突兀。

层次分明：通过颜色和亮度的对比，突出主要信息，弱化次要信息。

一致性：如果一套PPT中需要使用多个地图，保持风格的一致性非常重要。

五、案例展示

下面是个人花费1-2分钟仿规划云地图底图制作的个性地图，看下是不是很高大尚。

规划云地图底图

个人制作地图底图

对比下，是不是很赞！可以省去规划云的的年费会员的钱了？！当然了颜色也可以调整，平台给出了配色系统，也可以自定义！

六、结语

百度个性地图平台为设计师提供了强大而灵活的地图定制能力，不再需要依赖千篇一律的标准地图。通过本文的介绍，相信你已经掌握了创建个性化地图的基本方法！

下次做PPT时，不妨尝试使用自己定制的地图底图，让你的分析图表瞬间高端大气上档次，给观众留下深刻印象！

更多地图设计技巧与案例，欢迎关注我们的公众号！