废话
我们看惯了高德地图,似乎已经习惯了它的ui,认为河流就是蓝色的,土地就是灰色的,交通路网就是黄色的。其实这个ui也是可以改的。今天就来使用下自定义地图ui。
1、开整
(1)进入开发者平台控制台,点击自定义地图
我们可以看到高德默认为我们提供了几种ui模板,第一个就是我们看腻的标准ui。
我们可以在8种现成的地图中选择一个,也可以点击右下角的创建地图样式新建一个全新的模板,或者可以选择一个现有的模板,然后修改其中的某些属性。
(2)编辑属性
为了简单起见,我们选择涂鸦这个模板,然后修改里面的属性。
比如在这个模板中,海洋和河流的颜色是黄色的,我觉得这个黄色太暗沉了,我想要个更鲜亮的颜色。点击[水系],点击[填充颜色],选一个亮黄色,在右边的预览中就可以实时看到效果。
(3)导出资源包
当我们编辑完所有的属性后,点击右上角的发布,然后导出资源包。
(4)集成
在app里使用资源包非常简单,就是几行代码:
File file = new File(Environment.getExternalStorageDirectory(), "custom_ui.data");
if (file.exists()) {
aMap.setMapCustomEnable(true);
aMap.setCustomMapStylePath(file.getAbsolutePath());
} else {
Log.e("TAG", "自定义样式文件不存在");
}
(5)效果
总结
这篇文章只是做了一个最简单的演示,其实自定义地图的功能还是非常丰富的,如果你有专业的ui人员,就可以做出非常漂亮的特色地图。本期节目就到这里,感谢大家的收看,我们下期再见~