基于百度地图的个性化定制地图研究

2018年12月27日 00:12来源于:科技创新与应用

覃祖清+邓晓斌

摘 要:个性化地图以其独特的表达方式吸引了越来越多用户关注,如何获取实时可靠的个性化定制地图,成为了目前研究的热点。文章以百度地图为例,详细地阐述了百度地图如何实现网络个性化定制地图,为从事个性化地图服务的人员提供参考与帮助。

关键词:百度地图;个性化;定制地图

百度定制个性地图可以让用户使用JavaScript API进行地图底图的各种样式风格设置,包括展示出颜色为普通、深色、浅色,以及显示和隐藏各种地图底图元素,支持用户创建自己风格的地图,比如关闭不感兴趣的地图要素,特显强调的要素数据,同时百度个性化定制地图适用于PC端和手机端浏览器。

目前百度地图支持两种方式进行定制个性化地图:

(1)通过百度地图提供的样式模板,选择地图,然后通过JavaScript API的setMapStyle方法调用生效。

(2)通过个性地图编辑工具,自行编辑地图展示样式,生成地图样式json,然后通过JavaScript API的方法调用生效。

下面分别介绍这两种方式定制个性化地图

1 模板选择方式定制

选择模板方式简单好用,对于初学者可选用这种方式,使用步骤如下:

第一步:选择模板

目前开放平台为用户提供多种不同风格的模板,点击下方模板示意图即可进入模板页面查看模板,开发者可以从中选择感兴趣的模板进行开发。

模板示意图如下:

第二步:设置地图样式

将style改为模板下方的英文名称,如下图所示:

var mapStyle={ style : "?模板英文名称?" }

map.setMapStyle(mapStyle);

其中,mapStyle为MapStyle类,该类使用对象字面量形式表示,不可实例化。style用于设置底图颜色样式。

2 个性化编辑方式

该方式是指开发者可以借助个性化编辑器,通过改变地图元素的颜色、亮度、饱和度、文本标注填充色、文本标注等生成样式配置json,然后通过调用JavaScript API方法使配置生效。操作页面截图如下:

个性化编辑工具的使用步骤如下:

第一步:添加样式规则

样式规则是对元素、属性及样式的统一描述,地图样式由多条样式规则组合而成,编辑首个元素时默认有一条规则,用户可以基于修改地图样式,后续编辑元素时,需要重新创建一条规则。

第二步:选择元素

创建完样式规则后,需要选择要修改的地图元素。目前可以修改的地图元素包括如下几种:

其中,地图背景主要包括地图里的面状元素,如陆地、水系、绿地、人造区域,高级别下的建筑物等。

道路区分为高速及国道、城市主路、一般道路、地铁及火车线路。

兴趣点指地图里的点状元素,如银行、学校、餐馆、酒店等,由文本标注和图标组成。

行政区划包括国界、省界及省、市、县、区等行政单位的标注。

第三步:选择属性

诸如道路这类元素由文本和线状元素组成,属性用来指定是修改文本还是线的边框、填充色。

第四步:选择样式

选定属性后,下一步是选择要修改的样式,如要设置道路边框的颜色为红色。

第五步:设置地图样式

要将编辑后的地图样式应用到自己的网站上,需要先从查看json处获取样式json。

4 结束语

本文以百度地图为例,详细介绍了百度地图两种实时定制个性化地图方法,可以方便从事个性地图服务的人员作出选择。

 
免责声明:

     本文仅代表作者/企业观点,与【名品家电网】无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,仅供读者参考,并自行核实相关内容。

     【名品家电网】刊载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述,也不代表本网对其真实性负责。

      如因作品内容、版权和其它问题需要同本网联系的,请在30日内进行;新闻纠错: lwl#youngchina.cn

关键词: 文章 地图 样式