Android高德之旅(6)

废话

我们看惯了高德地图,似乎已经习惯了它的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人员,就可以做出非常漂亮的特色地图。本期节目就到这里,感谢大家的收看,我们下期再见~

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏bboysoul

使用ArchiSteamFarm在树莓派挂卡

挂卡,我也是今天知道这个词语,意思就是steam中某些游戏有集换式卡牌,集齐能合成徽章有经验,玩游戏到一定时间可以获得总数一半数量的卡,挂卡就是挂游戏时间获得这...

22340
来自专栏互联网杂技

react+redux+webpack教程1

经历了EXT、YUI时代,又经历了Angular时代,我们正在步入React时代。 前端开发框架凭借JS极其灵活强大的特性模样越来越“怪异”,正是这怪异让我们对...

35150
来自专栏我有一个梦想

UE4新手编程之创建C++项目

 虚幻4中常用的按键和快捷键 虚幻4中有一些按键和快捷键很常用,牢记它们并运动到实际的项目开发中,将会大大地提高你的工作效率和使得工作更简便快捷。下面将列举它们...

28860
来自专栏HT

快速开发基于 HTML5 网络拓扑图应用

采用 HT 开发网络拓扑图非常容易,例如《入门手册》的第一个小例子麻雀虽小五脏俱全:http://www.hightopo.com/guide/guide/co...

64780
来自专栏葡萄城控件技术团队

Web程序员们,你准备好迎接HTML5了吗?

HTML5作为下一代的web开发标准,其特性已经慢慢地出现在主流的浏览器中,这种新的HTML将会让浏览器不必再依赖Flash、QuickTime、Silverl...

24390
来自专栏前端新视界

如何使用 Bootstrap 搭建更合理的 HTML 结构

前言 Bootstrap 的成功不仅在于其简单易用,更在于其样式的规范性以及 HTML 结构的合理性。但是很多人在使用 Bootstrap 时只是依照文档盲目的...

37950
来自专栏拂晓风起

HTML5骨骼动画Demo | 使用min2d、createjs、pixi播放spine动画

74350
来自专栏程序员的碎碎念

【分享】Vue.js新手入门指南

最近在逛各大网站,论坛,以及像SegmentFault等编程问答社区,发现Vue.js异常火爆,重复性的提问和内容也很多,楼主自己也趁着这个大前端的热潮,着手学...

42030
来自专栏速成应用小程序开发平台

新手教程--手把手教你从零开始制作一款电商必备的商城小程序

近年来,在电商、新零售趋势的影响下,实体零售商也都在谋求自身的渠道变革,完善消费体验。如今微信已有超过十亿的用户,市场巨大,而微信小程序的开通不仅能够降低品牌...

29420
来自专栏企鹅号快讯

图片转文字居然这么简单,多亏了这几个神器!

我们经常会用手机拍摄、截屏了一大堆图片,领导的PPT、客户的名片、各种文案海报等等…… 想着有空后把资料整理成文字稿,但是一想到要在电脑上把文字打出来,巨大的工...

6.8K100

扫码关注云+社区

领取腾讯云代金券