zengqh 百度地图是怎么实现的？

我不是女神ヾ 2022-08-10 17:52 92阅读 0赞

http://www.cnblogs.com/zengqh/p/3583144.html

毕业的时候进入过gis相关的领域，尽管之后专攻rendering，但也遇到了地图渲染相关的问题。

用opengl es 2实现过一版矢量地图，所有的东西都是gl画的，包括路，文字，天空，模型等等，采用现实3d建模，

使用 2x 4x msaa 来解决搞锯齿的问题，速度很快，手机上一般70—100 fps, 拖动非常流畅。

![051830202684715.png][]

但是发现百度地图描画的数据量是非常大，很远的地方都画了很多的路背景等等，如果用gl单纯画三角形，这开销

是非常大的，但是发现百度地图非常快，资源占用比较低，综合考虑，不太可能采用我上面的这种方案。

那么百度地图是怎么实现的呢？

我觉得我的猜想基本是对的：

1. 所以的道路背景，在平面上的东西，肯定不是gl画的，是cpu画的，猜测使用agg画的

2. 百度地图使用tile方式，每张tile都是后台线程使用cpu画好后保存成图片的方式，贴上来的。

3. 整个建模采用3d，即相机在空中有xyz，地面使用tile贴图，也就是说图片是用gl画的，单纯画一些纹理，所以开销非常低。

4. 如果图片没有做好，如果上一个比例尺弄好，则先贴一层的，等这一层的tile全部准备好。所以没准备好的地方有一层放大的图片（肯定是图片是吧）

5. 其他的建筑物采用gl画的，就是那些透明的楼层。

6. 文字使用gl画的，贴在路上的文字也是gl画的，路名要根据路的方向实时调整是左右还是上下分布（这个我已经实现）

7. 你们发现没有，楼对于地面是透明的，但楼与楼之间是不透明的。（这个用gl也可以实现）我不知道百度或者其他的是不是和我一样的实现方法

**总思路：用agg或者其他后台描画tile, 主线程gl描画生成的tile图片。整体建模采用和游戏一样的方式。2d就是相机90度向下看嘛~~**

**ps: 考虑到百度地图支持wp8，所以渲染可能综合使用d3d11 level\_9\_3，这个简单封装一下，比较容易。**

[051830202684715.png]: /images/20220810/13ae776a01e74cdaab1a24e3cfccb06d.png

发表评论取消回复

表情：

评论列表（有 0 条评论，92人围观）

还没有评论，来说两句吧...

相关阅读

相关百度地图

<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2&services=true"></

电玩女神/ 2022年10月01日 03:58/ 0 赞/ 375 阅读

相关 Androida百度地图开发之显示百度地图

前提需要自己获取apikey 如果还不会获取，可参考网址: [http://blog.csdn.net/zhengyikuangge/article/details/

不念不忘少年蓝@/ 2022年09月23日 11:55/ 0 赞/ 360 阅读

相关仿百度地图街景实现

使用过百度地图的同学知道，它有个街景功能，可以看到许多地方的实景。这里就其街景内容的实现，进行下学习。 > 在[百度地图SDK的官网][SDK]上可以看到，百度对开发者提供了

悠悠/ 2022年09月22日 03:49/ 0 赞/ 271 阅读

相关 zengqh 百度地图是怎么实现的？

http://www.cnblogs.com/zengqh/p/3583144.html 毕业的时候进入过gis相关的领域，尽管之后专攻rendering，但也遇到

我不是女神ヾ/ 2022年08月10日 17:52/ 0 赞/ 93 阅读

相关百度地图

百度地图Demo 详情请看 [http://lbsyun.baidu.com/index.php?title=jspopular/guide/introduction

太过爱你忘了你带给我的痛/ 2022年07月13日 10:59/ 0 赞/ 492 阅读

相关百度地图

PC端定位不准确主要应用到移动端第一、申请百度密钥很简单的几步就搞定第二、引入文件 html 代码效果预览 1 2 3 4 5

朱雀/ 2022年06月05日 04:42/ 0 赞/ 446 阅读

相关百度地图

$(function(){ var BMapInit=function(){ var map =

曾经终败给现在/ 2022年05月23日 09:57/ 0 赞/ 412 阅读

相关 echarts+百度地图

使用echarts实现百度地图功能（需要下载bmap.js）：效果图如下： ![70][] <!DOCTYPE html> <html>

Love The Way You Lie/ 2022年05月14日 20:44/ 0 赞/ 714 阅读

相关百度地图API实现地图应用

企业官网上需要用到地图应用，这里对百度地图API的使用做点笔记，好记性不如烂笔头。实现地图应用的流程如下： 1、获取密钥；教程网址 [https://jingyan.ba

灰太狼/ 2021年09月18日 10:22/ 0 赞/ 770 阅读

相关百度地图API 加载百度地图

前言百度地图在日常生活中应用的越来越多，功能也日渐丰富，我们可以使用ArcGIS JS API加载在线百度地图（[https://blog.csdn.net/i

布满荆棘的人生/ 2021年09月15日 02:50/ 0 赞/ 791 阅读