百度地图API详解之驾车导航

摘要: 本文将向大家介绍如何使用百度地图API提供的驾车导航服务进行开发。一个简单的示例驾车导航服务根据传入的起点和终点信息给出从起点到终点的驾车路线,我们先从一个最简单的示例看起:var map = new BMap.Map('container');map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);var driving = new BMap.DrivingRoute(map, { renderOptions: { map: map }});driving.search('圆明园', '西单' 阅读全文
posted @ 2011-09-23 16:50 jz1108 阅读(37458) 评论(13) 推荐(3) 编辑

在WebGL中通过着色器进行上色

摘要: 本系列文章翻译自:https://developer.mozilla.org/en/WebGL本文地址:https://developer.mozilla.org/en/WebGL/Using_shaders_to_apply_color_in_WebGL翻译说明:水平有限并且不会逐字逐句翻译,只保证符合原文意思。在上一篇文章中,我们创建了一个方形,下面很明显要给它添加一些颜色了。我们通过修改着色... 阅读全文
posted @ 2011-09-08 19:15 jz1108 阅读(2254) 评论(0) 推荐(1) 编辑

在WebGL环境中添加2D内容

摘要: 本系列文章翻译自:https://developer.mozilla.org/en/WebGL本文地址:https://developer.mozilla.org/en/WebGL/Adding_2D_content_to_a_WebGL_context翻译说明:水平有限并且不会逐字逐句翻译,只保证符合原文意思。一旦你成功创建WebGL环境,就可以开始在里面渲染内容了。最简单的莫过于画一个没有任何纹理的2D图形,所以我们将从这里开始,编写代码来画一个方形。设置场景的光源在开始之前你需要理解这一点:即使我们画的是二维图形,也是在三维空间绘制的。所以我们除了绘制形状以外仍然需要建立着色器(shad 阅读全文
posted @ 2011-08-22 17:16 jz1108 阅读(2635) 评论(3) 推荐(0) 编辑

WebGL起步

摘要: 本系列文章翻译自:https://developer.mozilla.org/en/WebGL本文地址:https://developer.mozilla.org/en/WebGL/Getting_started_with_WebGL翻译说明:水平有限并且不会逐字逐句翻译,只保证符合原文意思。对于支持WebGL的浏览器来说,它能够让网页使用一种基于OpenGL ES 2.0的API在canvas元... 阅读全文
posted @ 2011-08-03 09:17 jz1108 阅读(3881) 评论(1) 推荐(0) 编辑

百度地图API详解之地图容器

摘要: 地图容器就是包含地图区域的那个框框,这个有什么可说的呢?请您往下看。通常我们会给地图容器一个固定的尺寸:<div id="map" style="width:500px;height:320px"></div>假设上面的div元素就是我们的地图容器,那么地图显示范围就是500x320:有时我们希望地图容器随着浏览器变化而变化,那么我们将样式调整为:html{height:100%}body{height:100%;margin:0px;padding:0px}#map{height:100%}这时地图区域会跟随着浏览器的大小自动变 阅读全文
posted @ 2011-07-07 20:16 jz1108 阅读(10331) 评论(7) 推荐(6) 编辑