前两天还在想二维地图能不能突破现在的表现形式,今天就收到Google给我推送的邮件让我体验新Google Map。 注意是Google Map不是Google Earth。先来张图:
花了一下午的时间进行了新地图的体验,提炼出三个关键词。
第一个关键词:HTML5
这个地球不是通过 AXtive 或者 Google Plug-in,是通过HTML5实现的一个三维效果,要求登录Google账户使用Chorme来浏览。 为了证明自己这个体验不是错觉,我专门把自己电脑上的Google Earth进行了卸载,确保不是插件。 之后我用Chorme的开发这工具对这个页面的元素进行了查看。 下图可以看到canvas.widget-scene-canvas标签,这个canvas 就是HTML5的新标签。scene就是场景的意思,ArcScene 很多人应该不陌生吧!
虽然查看了页面代码我还是觉的这个效果也过分好了,浏览器端的HTML5能渲染出如此效果有点假。于是我有查看了浏览器的网络数据。三维地球上的贴图的确是通过网络请求的方式加载。是不是卫星地图的缓存?我回到地图查看一番,卫星影像这个那功能在新版本中已经不存在了。
朋友你要是觉的这个超出你对HTML5技术的认识了还是不确定 我给你个网址去研究研究这个国内版的HTML5的地球。 http://www.tianditu.cn/map/index.html (注意使用chorme浏览)。
第二个关键词:倾斜视角
这个三维地图实现到什么程度了,真三维还是假三维。请看下面我放大开来给大家看三张图。
垂直视角的地球
倾斜角度75
倾斜角度45
Google Map三维效果并没有做到和Google Earth一样的操作感受,但是也足够让人震撼了。看过太多假三维后看到这个真是感慨啊! 一句话 一直被模仿,从未被超越。
旋转视角1
旋转视角2
旋转视角3
第三个关键词: 街景
街景能给用户身临其境的感觉。 对于查看街景的方式如下图拖个小人放在有街景的路线上。
在功能列表中给街景功能的切换叫做探索,街景列表中直观的将街景指向了在地图上的具体位置,我要是旅游者这个功能真是帅呆了。
要是美食大餐列表我一定会好不犹豫的点击进行看看离我有多远。
打开街景没看到什么特别之处,不过街景、三维地球、二维地图的切换方式真是高大上的设计。 浏览器上面个大餐桌,下面是菜单。要吃什么菜自己“
点”。
LBS公众帐号:LBSNew 二维码
本文原创:欢迎转载 请注明来源作者wlygis。