百度LBS开放平台个性化地图 制作一款独一无二的地图
百度LBS开放平台个性化地图 制作一款独一无二的地图
天天用百度地图的亲们是否已不再满足仅仅看例如以下的地图样式了呢?
默认百度地图样式
是否特别渴望看特别不一样的地图呢。如带京城81号气息的午夜蓝风格、绿灯侠风格的青春绿地图及红色警戒风格的地图?
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvQmFpZHVMQlM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">
午夜蓝地图风格
青春绿风格地图
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvQmFpZHVMQlM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">
警戒红地图风格
假设你以为上述酷炫的地图仅仅是PS出来的,那么你就out了,由于百度LBS开放平台已经对广大的开发人员提供了定制如上个性化样式的地图功能啦~
开发人员能够从http://developer.baidu.com/map/custom/list.htm页面提供的模板里选择合适的风格。然后通过例如以下一行代码map.setMapStyle({style:'风格'});便可设置指定的地图样式。
另外,假设开发人员不满足如上页面提供的模板,也能够通过http://developer.baidu.com/map/img-editor.html底图编辑工具编辑所需的地图样式。该编辑工具除了支持改底图展示元素的颜色、透明度外。也可设置元素的隐藏喔~
下面介绍下使用个性化地图的成功案例:
安居客地图採用高端灰风格的底图,一方面与安居客站点白色页面风格保持一致,还有一方面高端灰风格也使得页面看上去高端、大气、独树一帜。
房产类站点可採用与安居客类似的地图展示风格
2. 百度预測里的疾病预測地图(http://trends.baidu.com/disease/)
该地图背景是蓝色。与疾病专题相符,且地图元素主要保留行政边界和道路更易突出医院的分布。
3. 星巴克门店地图(http://www.starbucks.com.cn/storelocator.html )
星巴克门店地图 VS 百度地图
星巴克门店地图与百度默认地图相比隐藏了地图上的poi信息(如红框部分),便于突出星巴克自己标示的点。类似赶集、58同城等分类站点可採用相同方法隐去poi信息,专注显示标示点及周边感兴趣的poi。
4. 数字英才网职位分布地图
数字英才网的人才分布地图採用小清新的地图风格展示职位信息,在炎日的夏日给人清爽的感觉,也可缓解内心找工作的急躁心情哈~相同。旅游行业也可选择该类清新风格的地图,给人轻松、舒缓的赶脚~~
5. 微铺子地图(http://vpuzi.cn/index.html)
微铺子之所以选择黑色底图是为了跟站点总体风格保持一致。
相同。类似珍爱网这类婚恋类站点也可採用与本身主题类似的地图样式。參考例如以下。
以上案例用于抛砖引玉。开发人员还能够结合自身站点特点构建其它极具想象力且又独一无二的地图应用~
百度LBS开放平台个性化地图 制作一款独一无二的地图的更多相关文章
- 百度 LBS 开放平台,开发人员众測计划正式启动
Hi各位亲爱滴开发人员: 你是否以前-- 期望第一时间率先接触到百度LBS开放平台的最新功能? 期望被邀请作为最最尊贵的首批试用志愿者感受志愿者的特权? 期望自己的意见被产品经理採纳.优化功能.从 ...
- 【总结整理】高德LBS开放平台学习
高德LBS开放平台地址 http://lbs.amap.com/api/javascript-api/guide/create-map/mapstye 概述->示例中心Demo体验-> ...
- 百度AI开放平台- API实战调用
百度AI开放平台- API实战调用 一. 前言 首先说一下项目需求. 两个用户,分别上传了两段不同的文字,要计算两段文字相似度有多少,匹配数据库中的符合条件的数据,初步估计列出来会有60-1 ...
- 基于百度AI开放平台的人脸识别及语音合成
基于百度AI的人脸识别及语音合成课题 课题需求 (1)人脸识别 在Web界面上传人的照片,后台使用Java技术接收图片,然后对图片进行解码,调用云平台接口识别人脸特征,接收平台返回的人员年龄.性别.颜 ...
- 百度AI开放平台,语音识别,语音合成以及短文本相似度
百度AI开放平台:https://ai.baidu.com/ 语音合成 from aip import AipSpeech APP_ID=" #'你的 App ID' API_KEY=&qu ...
- selenium自动化 | 借助百度AI开放平台识别验证码登录职教云
#通过借助百度AI开放平台识别验证码登录职教云 from PIL import Image from aip import AipOcr import unittest # driver.get(zj ...
- 百度语音识别开放平台SDK用法
版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/zpf8861/article/details/30229039 百度Android语音识别SDK分在 ...
- 百度地图LBS开放平台AK一直没有用
http://api.map.baidu.com/geoconv/v1/?coords=114.21892734521,29.575429778924;114.21892734521,29.57542 ...
- 百度AI开放平台 UNIT平台开发在线客服 借助百度的人工智能如何开发一个在线客服系统
这段时间在研究一些人工智能的产品,对比了国内几家做人工智能在线客服的,有些接口是要收费的,有些是免费的,但是做了很多限制,比如每天调用的接口次数限制是100次.后来就找到了百度的AI,大家也知道,目前 ...
随机推荐
- json转换方法
import java.lang.reflect.Field; import java.util.ArrayList; import java.util.HashMap; import java.ut ...
- Linux下重启mysql数据库的方法
原文地址:Linux下重启mysql数据库的方法作者:于士博的视频教程 方法一: 命令: [root@localhost /]# /etc/init.d/mysql start|stop|rest ...
- 洛谷1345 [Usaco5.4]奶牛的电信
题目描述 农夫约翰的奶牛们喜欢通过电邮保持联系,于是她们建立了一个奶牛电脑网络,以便互相交流.这些机器用如下的方式发送电邮:如果存在一个由c台电脑组成的序列a1,a2,...,a(c),且a1与a2相 ...
- 一张图说docker
- 紫书 例题11-7 UVa 753 (网络流最大流)
设一个源点, 到所有设备连一条弧, 容量为1, 然后设一个汇点, 所有插座到汇点连弧, 容量为1, 然后 转换器也连一条弧, 容量为1. 最后最大流就是答案.其中注意节点数要开大一些. #includ ...
- 紫书 习题8-18 UVa 11536 (扫描法)
这道题貌似可以用滑动窗口或者单调栈做, 但是我都没有用到. 这道题要求连续子序列中和乘上最小值最大, 那么我们就可以求出每一个元素, 以它为最小值的的最大区间的值, 然后取max就ok了.那么怎么求呢 ...
- 【BZOJ 1260】[CQOI2007]涂色paint
[链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] 区间DP 设f[i][j]表示i..j这个区间变成目标需要的最少染色次数. f[i][i] = 1 然后考虑f[i][j]的产生方法 ...
- JAVA关于byte数组与String转换的问题
1 public class ToString{ public static void main(String[] args){ String aa = "hellow"; byt ...
- linux 安装 redis3.0
下载 解压 进入目录 编译 $ wget http://download.redis.io/releases/redis-3.2.0.tar.gz $ tar xzf redis-3.0.0.tar. ...
- layDate1.0正式公布,您一直在寻找的的js日期控件
你是时候换一款日期控件了,而layDate很愿意和您成为工作伙伴.她正致力于成为全球最高大上的web日期支撑,为国内外全部从事web应用开发的同仁提供力所能及的动力.她基于原生JavaScript精心 ...