百度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底图编辑工具编辑所需的地图样式。该编辑工具除了支持改底图展示元素的颜色、透明度外。也可设置元素的隐藏喔~

下面介绍下使用个性化地图的成功案例:

1. 安居客房产地图(

from=homeprop)" title="http://shanghai.anjuke.com/prop/view/225103158?

from=homeprop)" style="margin:0px; padding:0px; color:rgb(188,17,17); text-decoration:none; outline:none; font-family:Arial; line-height:24px; text-indent:28px">http://shanghai.anjuke.com/prop/view/225103158?from=homeprop

安居客地图採用高端灰风格的底图,一方面与安居客站点白色页面风格保持一致,还有一方面高端灰风格也使得页面看上去高端、大气、独树一帜。

房产类站点可採用与安居客类似的地图展示风格

2.    百度预測里的疾病预測地图(http://trends.baidu.com/disease/)

该地图背景是蓝色。与疾病专题相符,且地图元素主要保留行政边界和道路更易突出医院的分布。

3.    星巴克门店地图(http://www.starbucks.com.cn/storelocator.html )

星巴克门店地图          VS                  百度地图

星巴克门店地图与百度默认地图相比隐藏了地图上的poi信息(如红框部分),便于突出星巴克自己标示的点。类似赶集、58同城等分类站点可採用相同方法隐去poi信息,专注显示标示点及周边感兴趣的poi。

4.    数字英才网职位分布地图

type=2&text=%CF%FA%CA%DB&locationIdList=42&areaName=%CC%EC%CD%A8%D4%B7&areaid=&lat=40.081478&lng=116.419233&radius=1">http://map.01hr.com/mapSearch.do?type=2&text=%CF%FA%CA%DB&locationIdList=42&areaName=%CC%EC%CD%A8%D4%B7&areaid=&lat=40.081478&lng=116.419233&radius=1

数字英才网的人才分布地图採用小清新的地图风格展示职位信息,在炎日的夏日给人清爽的感觉,也可缓解内心找工作的急躁心情哈~相同。旅游行业也可选择该类清新风格的地图,给人轻松、舒缓的赶脚~~

5.    微铺子地图(http://vpuzi.cn/index.html

微铺子之所以选择黑色底图是为了跟站点总体风格保持一致。

相同。类似珍爱网这类婚恋类站点也可採用与本身主题类似的地图样式。參考例如以下。

以上案例用于抛砖引玉。开发人员还能够结合自身站点特点构建其它极具想象力且又独一无二的地图应用~

百度LBS开放平台个性化地图 制作一款独一无二的地图的更多相关文章

  1. 百度 LBS 开放平台,开发人员众測计划正式启动

    Hi各位亲爱滴开发人员:   你是否以前-- 期望第一时间率先接触到百度LBS开放平台的最新功能? 期望被邀请作为最最尊贵的首批试用志愿者感受志愿者的特权? 期望自己的意见被产品经理採纳.优化功能.从 ...

  2. 【总结整理】高德LBS开放平台学习

    高德LBS开放平台地址    http://lbs.amap.com/api/javascript-api/guide/create-map/mapstye 概述->示例中心Demo体验-> ...

  3. 百度AI开放平台- API实战调用

    百度AI开放平台- API实战调用 一.      前言 首先说一下项目需求. 两个用户,分别上传了两段不同的文字,要计算两段文字相似度有多少,匹配数据库中的符合条件的数据,初步估计列出来会有60-1 ...

  4. 基于百度AI开放平台的人脸识别及语音合成

    基于百度AI的人脸识别及语音合成课题 课题需求 (1)人脸识别 在Web界面上传人的照片,后台使用Java技术接收图片,然后对图片进行解码,调用云平台接口识别人脸特征,接收平台返回的人员年龄.性别.颜 ...

  5. 百度AI开放平台,语音识别,语音合成以及短文本相似度

    百度AI开放平台:https://ai.baidu.com/ 语音合成 from aip import AipSpeech APP_ID=" #'你的 App ID' API_KEY=&qu ...

  6. selenium自动化 | 借助百度AI开放平台识别验证码登录职教云

    #通过借助百度AI开放平台识别验证码登录职教云 from PIL import Image from aip import AipOcr import unittest # driver.get(zj ...

  7. 百度语音识别开放平台SDK用法

    版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/zpf8861/article/details/30229039 百度Android语音识别SDK分在 ...

  8. 百度地图LBS开放平台AK一直没有用

    http://api.map.baidu.com/geoconv/v1/?coords=114.21892734521,29.575429778924;114.21892734521,29.57542 ...

  9. 百度AI开放平台 UNIT平台开发在线客服 借助百度的人工智能如何开发一个在线客服系统

    这段时间在研究一些人工智能的产品,对比了国内几家做人工智能在线客服的,有些接口是要收费的,有些是免费的,但是做了很多限制,比如每天调用的接口次数限制是100次.后来就找到了百度的AI,大家也知道,目前 ...

随机推荐

  1. 使用Python进行多线程检查.moe三位剩余有效域名

    翻看博客看到一段不错的代码 虽然近期没有购买域名的需求 不过日后有购买域名的需求的话 稍作修改直接使用还是很方便的 import threading import requests import js ...

  2. GenIcam标准(二)

    2     GenApi模块 – 配置相机 2.1. 简介 GenApi模块解决如何去配置相机的问题.主要的思路是,让相机生产厂商为他们的相机提供机器可以识别的产品说明.这些相机描述文件(camera ...

  3. GenIcam标准(一)

    1.概述 如今的数码摄相机包含了很多的功能,而不仅仅是采集图像.对于机器视觉相机来说,处理图像并把结果附加到图像数据流上,控制附加的硬件,代替应用程序作实时的处理等都是很平常的事情.这也导致了相机的编 ...

  4. maven跳过单元测试-maven.test.skip和skipTests的区别以及部分常用命令

    -DskipTests,不执行测试用例,但编译测试用例类生成相应的class文件至target/test-classes下. -Dmaven.test.skip=true,不执行测试用例,也不编译测试 ...

  5. java用freemarker实现导出word----包含图片

    分为以下三个步骤: 1.先制作word模板 2.将该文档另存为 xml 文件 3.打开xml 文件 将对应的字段替换,比如 4.将xml文件保存成ftl格式的文档 5.相应的代码: package o ...

  6. c++ string类的完整实现!!!

    本文实现了c++ STL中的basic_string模板类,当然.通过typedef也就实现了string类和wstring类.限于篇幅,实现代码中用到了标准库的char_traits模板类,本人自己 ...

  7. Bootstrap组件之输入框组

    .input-group--设置div为输入框组: .input-group-lg..input-group-sm..input-group-xs--改变输入框组的尺寸: .input-group-a ...

  8. elasticsearch中的几个概念总结

    1.Geo spatial search : 地理空间搜索,可以在搜索查询中指定的某一距离内查找所要的内容.也可以返回以当前为圆心,逐渐添加圆的半径.直到找到所匹配到的内容. 參考:http://ww ...

  9. Opencv(3.0.0beta)+Python(2.7.8 64bit) 简单具体,一遍成功

    看到非常多配置的文章,都没法正常走完流程 使用到的资源,都是今天为止最新的: python-2.7.8.amd64.msi opencv-3.0.0-beta.exe numpy-MKL-1.9.1. ...

  10. 深入理解cookie与session

    cookie和session是web开发比較基础也比較重要的知识,cookie和session用于用户的状态管理.简单的来说它们都仅仅是http中的一个配置项,在Servlet规范中也仅仅相应一个类而 ...