百度三维地图“硬撼”谷歌地图
　　刚刚推出的以三维为卖点之一的百度地图，相比谷歌地图，两者有何优劣？百度又能否挑战成功？文、图/记者 文静
　　三维视图 玩立体
　　刚上线的百度三维地图功能，是百度与都市圈合作推出的一项服务，通过数字的方式，将平面的地图信息立体化，目前仅在北京、广州、上海等地方提供三维地图服务。
　　具体来说，所谓三维地图服务，就是用户在使用地图服务时，可转换成“三维模式”，仿如身临其境。不过，百度三维地图服务也是刚上线，一些地区的数据未能及时建模，而且国内许多城市还未有三维地图服务，相信在未来一段时间内会不断完善与更新。
　　挑卫星，还是拣三维？
　　强大的卫星地图服务一直是“地图霸主”谷歌引以为傲的地方。从视觉效果上看，三维地图强调亮丽与立体，感觉就像城市3D模型，卫星地图则偏重于“真实”感。用户更喜欢谁，见仁见智了。相比百度，谷歌地图更优胜的地方是它的移动服务，如可在多个手机系统中安装谷歌用户端，直接点击手机桌面图标就能打开谷歌地图进行搜索；你能在谷歌地图上标注所在地，并看到有什么朋友在你附近；另外，你可将在电脑上查好的地址或者行车路线发送到手机上。
　　(责任编辑：胡涛)
网友点击排行
网友评论排行
4寸iPhone SE发布 售价3288元起中国首发
移动新发现
近期热点关注ECharts新功能发布：在 ECharts GL 中绘制三维地图
ECharts 前段时间发布了超亮眼的 GL，相对于之前已经圈粉无数的 ECharst-X 而言，ECharst GL更是帅到爆，无论是性能、颜值、类型都有了巨大的飞跃。但是对于小编这样的设计师来说是不是更易上手呢？答案是肯定的，我们除了能够根据数据画出诸如三维地图等三维的可视化图之外，只需要在项目中加入几个简单的配置项，就能配制出想要的风格的高质量画面效果。这篇教程就希望通过在 Gallery 里绘制一个有丰富的光效、阴影的写实风格的三维地图的例子，简单介绍一些ECharts GL与画质相关的配置项，最终效果见 http://gallery.echartsjs.com/editor.html?c=xBkY4tpszb（下图为最后的效果）。涉及到太高深专业的算法、代码、什么什么的小设计师我实在是不会，所以这个仅仅能当 GL 入门级教程使用哦～绘制一个基础的三维地图首先我们在 Gallery 中用 ECharts GL 画一个基础的三维地图。注意因为 GL 是 ECharts 的一个扩展，所以我们需要在 Gallery 中额外引入 GL 的脚本文件。 「引入文件」只需要在 Gallery中新建作品，然后在「脚本」的配置中加入这行地址就行了。http://echarts.baidu.com/resource/echarts-gl-latest/dist/echarts-gl.min.js如果要绘制世界地图的话还需要引入上面「常用脚本」的世界地图文件。做好准备工作后我们就可以开始画一个三维的世界地图了，GL 中画三维地图的配置项跟画普通的二维地图一样，只是系列名称从原来的map改成map3D。我们先用下面的最基础配置项，基于引入的脚本，生成一个最基础的三维地图系列。是不是很简单，当然画出来的效果也是非常基础和简陋的。接下来就我们需要做的就是一步一步的添加光照、阴影、后期的配置项把这个三维地图画得更漂亮。添加更丰富的灯光GL 中大部分组件都支持灯光的配置，这些灯光会影响到组件中的所有图形，灯光的配置项需要统一在组件light属性下设置。light: {& & main: {& & & & intensity: 1& & },& & ambient: {& & & & intensity: 0& & }}通常情况下组件中默认会有一个主光源main和一个全局的环境光ambient。主光源起到了主要的照明作用，可以让我们刚才画出来的三维地图产生基础的明暗对比，从而使图形产生真实的立体感。全局的环境光可以为整个场景提供全局照亮和统一材质的效果。（添加光照效果如下图）我们可以通过intensity属性设置不同光源的强度。例如在上面的代码中我们将主光源的强度设成2，环境光源的强度设成0后可以得到更加强烈的明暗对比。默认的环境光只是单纯的对所有图形都加上一个固定的亮度，所以会显得很平淡，如果把主光源去掉（intensity设为0）的话，整个地图场景会变成灰色。所以为了更丰富的光照效果，我们可以使用 GL 提供的更为强大的ambientCubemap作为环境光源。ambientCubemap是指使用一张全景贴图作为环境光源。一般全景的环境光贴图大概是下面这样。大家使用手机的全景模式中就可以拍出类似的全景照片。不过小编建议去寻找专业的 HDR 格式的全景图资源。这里推荐一个有不少免费的HDR全景图资源的网站 http://www.hdrlabs.com/sibl/archive.html。找到合适的全景图片后，我们可以在 Gallery 的导入数据中上传该图片。得到在 Gallery 上该图片地址链接后插入到ambientCubemap的texture属性中。light: {& & main: {& & & & intensity: 1& & },& & ambient: {& & & & intensity: 0& & },& & ambientCubemap: {& & & & diffuseIntensity: 1,& & & & texture: '/asset/get/s/data-0-HkVJTnsMW.hdr'& & }}设置了texture属性后 GL 就会自动启用环境光贴图作为环境光源。因为全景贴图的每个像素都会被计算到光照里，所以相比普通的环境光，使用环境光贴图会让整个光照会显得更真实和丰富。为了得到更真实的环境光效果，注意此处建议使用.hdr格式的图片，因为 HDR 也就是高动态范围图像，它比其他格式的图像有更大亮度的数据存储。对比一下同一张图片HDR和PNG格式照亮的不同效果。添加阴影有光的地方就会有阴影，阴影给了光照更多的层次，失去了阴影的光照是没有灵魂的，是平淡乏味的。在 GL 中可以简单的加上shadow: true为主光源添加阴影。同时为了让三维地图有一种放在地面上的立体模型的感觉，我们再显示一个地面groundPlane。light: {& & main: {& & & & intensity: 1,& & & & shadow: true& & },& & ambient: {& & & & intensity: 0& & },& & ambientCubemap: {& & & & diffuseIntensity: 1,& & & & texture: '/asset/get/s/data-8-H1DmP-5px.hdr'& & }},groundPlane: {& & show: true}通过阴影还可以更容易得感受到光照的方向，我们可以通过设置主光源alpha、beta两个属性设置不同的光照角度，来查看阴影的变化。main: {& & intensity: 1,& & shadow: true,& & alpha: 150,& & beta: 70}这样就可以实现之前设计圈非常流行的一种长阴影的风格。更丰富的颜色到这里我们得到的效果跟最初那个简陋的画面已经是天壤之别了，小编作为一个设计师是很钟情于白模的效果的，但是如果你手里有一份数据的话更是锦上添花。 数据的上传和转换可以通过echarts提供的表格数据转换工具实现，http://echarts.baidu.com/spreadsheet.html，数据部分内容不在此多述。如果暂时没有现成数据，可以直接先复制教程实例中的数据，见左侧代码区域var regionData = [{……}];内的全部内容，直接复制粘贴即可进行之后操作。将这份数据导入并写入配置项里，接下来，我们可以使用 ECharts 中视觉映射「visualMap」组件将地图中的每块区域赋予不同的颜色。在 ECharts GL 中使用 visualMap 和在ECharts中并没有任何的不同：visualMap: {& & show: false,& & min: 0,& & max: 15,& & inRange: {& & & & color: ['#;, '#;, '#74add1', '#abd9e9', '#e0f3f8', '#ffffbf', '#fee090', '#fdae61', '#f46d43', '#d73027', '#a50026']& & }}就是这样子每个国家根据不同数据就呈现出不同的颜色啦。后期处理看到后期可能大家第一个想到的就是使用 PS 调色，小编这次主要用到的确实是调色。但其实GL 中除了调色之外，还有例如景深 、描边等诸多的后期效果能让整个画面呈现出你需要的效果，大家之后可以大胆的尝试。不知道大家是否能感受到其实此时得到的图片整体明度偏暗，色相偏蓝。就如我们在拍完照片后发现色调和曝光不理想需要再次调整图片一样，我们也需要对这张的画面进行后期处理和调色。后期处理的配置项都是在组件的postEffect下。首先可以通过 enable 属性开启。postEffect: {& & enable: true}开启后 GL 会自动对整个画面调整曝光到合适的颜色。当然如果这个画面并不能让我们满意的话，我们还可以通过postEffect下的colorCorrection配置项去手动的调整颜色。colorCorrection下有常见的曝光exposure、亮度brightness、对比度contrast和饱和度saturation选项。但是这次小编要教大家使用这里面更强大的颜色查找表功能lookupTexture。这个功能可以让我们在 PS 等自己用着顺手的图像处理软件里处理好图片之后再到 GL 里复现我们在 PS 里调整的颜色曲线。小编给大家提供了一张初始的颜色查找表，大家把下面这张查找表的图片下载下来后和你的作品截图一起放入 Photoshop 中（可以把作品截图拖入查找表图层的上方，注意需要保持查找表大小不变，作品截图是为了让我们直观的预览调整的效果，调到满意之后，删除作品图层，只保存查找表，之后在GL中载入查找表，查找表的颜色映射会直接在GL中复现）。点击左下角创建新的填充或调整工具来选择自己需要调整的配置项，此时两个图层是可以同时调整的，这里可以自由调整各项参数来实现自己想要的效果。我在此使用的是颜色查找下自带的Candlelight.cube将图片调整成了一种蜡烛光照的复古风格，又调整了亮度和对比度使其更清晰。调整完成之后，隐藏作品截图的图层，只需保存颜色查找表（如下图）将该图在 Gallery 内上传数据，得到在 Gallery 上该图片地址链接后插入到colorCorrection的 lookupTexture中即可。到此，在 ECharts GL 中配置一个三维地图的步骤就完成啦，还想解锁更多 GL 技能的话， 可以直接去 ECharts 官网查看 GL 超多酷炫的实例，或者去查看GL的配置项手册 http://echarts.baidu.com/option-gl.html 尽情的尝试吧～总结本文我们介绍了如何在 ECharts GL 中配置出一张好看的写实风格三维地图。小编要偷偷地告诉你，用 ECharts GL 生成的效果图你还可以直接用来做图片素材哦，如果你还在为 PPT 或者自己的设计作品找不到合适的配图素材发愁的话，快来试试直接在 Gallery 里用 ECharts GL 直接生成一张吧。转自
全国首批获得可信云服务认证
对象存储服务:N002002 云数据库服务:N003002分享到微信
使用微信扫码将网页分享到微信
12 月 23 日下午，百度地图宣布了“”计划，并且正式上线了 3D 地图。
据介绍，所谓“下一代地图”，其核心的驱动力是人工智能。简单来说，就是在地图生产的过程中，加入图像识别、深度学习等人工智能技术，实现影像深度学习技术、全景图像自动精准识别、多源数据自动差分等三个方面的技术组合，大幅度提升地图数据的采集和处理速度，从而实现效率提升。
具体在产品上，百度地图的实时路况、路线规划、路线雷达、跨城公交等功能将会更加智能，从而为用户规划更好的路线和时间。另外，百度地图还将提供步行
AR 导航、室内图、4K 导航等功能，让用户的出行体验更加真实和便捷。
按照百度地图事业部总经理李东旻的说法：
我们认为地图是人类最好的出行管家。此次推出‘下一代地图’，就是为了推动变革与创新，让地图在人工智能的加持下，成为改变人类生活的最大力量。
至于百度 3D 地图，主要采用无人机航拍采集影像，借助 3D 重建技术来还原正式世界。另外，按照官方说法，百度方面还采用了“多栖组合采集模式”，将全景采集车、骑行采集车、全景采集背包、无人机采集结合起来，以驱动地图向真实世界趋近。
除了推出 3D 地图，百度地图还与中国交通广播、北京交通广播等数十家电台和电视台合作成立了“天琴路况播报联盟”，以此来推进广播电视媒体的数据共享。
另外，百度地图这次还推出了杨洋语音导航包完整版；而此前李彦宏版本的导航语音包也已经。
扫一扫分享到微信
累计已发布 377 篇文章
最近文章：
使用微信扫码关注爱范儿微信公众号
版权所有 & 广州爱范儿科技股份有限公司 2008 - 2018。以商业目的使用爱范儿网站内容需获许可。非商业目的使用授权遵循 CC BY-NC 4.0。
All content is made available under the CC BY-NC 4.0 for non-commercial use. Commercial use of this content is prohibited without explicit permission.
Designed by
Design Studio.
关注 if Design Studio.
微信扫码关注公众号 if Design Studio.
关注爱范儿微信号，连接热爱，关注这个时代最好的产品。
想让你的手机好用到哭？关注这个号就够了。
关注玩物志微信号，就是让你乱花钱。
小程序开发快人一步。
最好的微信新商业服务平台。《好看》依托百度技术，精准推荐优质短视频内容，懂你所好，量身打造最适合你的短视频客户端！百度上线三维街景 中海达打造三维地图大市场核心企业-百姓生活
当前位置: &正文
百度上线三维街景 中海达打造三维地图大市场核心企业
要振兴我国三维全景行业，夯实中国vr眼镜产业的根基，加快转型升级是必由之路。目前，大家对于“百度上线三维街景 中海达打造三维地图大市场核心企业”话题的延伸度亦越来越广。因此，小派科技责任编辑就给各位朋友全面探析VR虚拟现实体验的资讯内容。实景永川全景网，三维街景活地图。永川全景网运用先进的全景摄影技术制作360°全景影像，供人们上网浏览。通过全景摄影技术实现了用鼠标进商场身临其境逛大街、足不出户在家也能看街景的时代。永川全景网应用于城市数字化建设，创建实景街景平台，将实景城市放在了网上，为城市规划、交通等提供了海量高清实景影像，服务于数字城市建设。永川全景网涉及城市、旅游、楼盘、酒店、娱乐、学校等领域，采集了海量影像资料，可以查询衣食住行游购娱等方方面面的信息。OFweek激光网讯：在百度世界LBS分论坛上推出后广受期待的百度全景，于去年11月初再度更新。本次更新增加了新的产品形态，定名为&激光全景&，将通过整合先进的点云测绘技术，大幅提升用户体验。为实现全景视图的3D模型化，百度激光全景选择以数据采集技术为突破点，率先引入更为先进的测绘技术&&激光点云（Laser Point Cloud）。据了解，在新版本中上线的襄阳市全景，便是通过激光点云技术勾勒完成。业界普遍认为，3D化的全景交互方式将带来更真实的浏览体验以及更广阔的可能性，是地图行业发展的大趋势。国外较为成熟的街景产品如谷歌街景，早已开始在产品中融合激光点云技术，而国内目前还没有其他地图产品敢于做这样的尝试。百度激光全景此次更新为中国用户带来了领先的点云技术，可以说引领所有泛街景产品进入了全新时代。激光点云国内首次试水激光点云测绘技术本质上属于点云技术的一种形式。点云技术，是指通过海量点来表示空间内物体的坐标和分布的一种技术，通过在空中绘制出大量的点，并用这些点来形成数据，从而建立起三维模型来表示空间的表面特性。简单来说，百度激光全景的激光点云测绘技术能够使虚拟空间的三维拟真成为可能。百度激光全景究竟是如何在地图产品中运用点云技术的？据了解，百度激光全景在道路采集车上安装了激光装置，它能在汽车行进过程中不断扫描周边环境，并收集反射回来的激光信息。根据激光从远近不同的物体表面反射回来的时间差，计算机将这些激光信息转化成3D空间模型，进而绘制出道路两侧的高楼大厦。有了激光点云技术，百度激光全景就能够获得城市街道的三维数据，并得以建立起道路3D模型，识别全景中的建筑、围墙、道路和天空，并对用户的操作做出实时反馈。在3D化的全景中浏览，鼠标指针仿佛具备了触觉，让用户更真实地触摸城市的轮廓。三维激光扫描打破国外垄断此次百度的三维全景地图使用了中海达子公司海达数云三维激光技术，实现了全景视图的3D 模型化。该公司iScan 一体化移动三维测量系统扫描实景信息，通过2 亿有效像素的高清全景相机拍摄实景照片，结合成三维空间模型，进而绘制出真实再现实景的三维地图。在全球，只有Google 使用三维地图，此为国内首次互联网实景三维地图应用，意义重大，为未来移动位置服务、广告推送等提供了最佳的平台和入口，市场潜力巨大。国内三维激光扫描仪市场之前为国外产品垄断，该公司是国内首家也是目前唯一一家实现三维激光扫描仪销的厂家，不仅在某些技术指标有一定优势，而且具有较高的性价比。三维激光扫描仪可广泛应用于测绘、文物保护、建筑等多个领域，其iScan一体化移动三维测量系统更是通过车载，可以为三维街景提供基础点云数据。 数据应用前景更为广阔，未来有望成为三维影像应用综合业务提供商。