草庐IT

简单使用 MapboxGL 自定义图层绘制带贴图的矩形

目录贴图效果注意点源码可改进点写文目的不是经常用,可能会忘记基本用法,自留。贴图效果注意点构成矩形的两个三角形需要使用mapboxgl.MercatorCoordinate.fromLngLat方法转换至WebGL中的场景世界坐标,注意案例中是如何设置三角形顺序的,要逆时针render函数是每一帧绘制的调用函数,每一帧都要设置一次program、texture、vertexBuffer,才能触发draw,并且尤为注意矩阵uniform的地址,也是每一帧都要获取最新的(gl.getUniformLocation(this.program,'u_matrix'))贴图的长宽尺寸要用2的次幂源码访问

手绘地图制作的关键点之“图层覆盖”

​ 前面介绍了《景区手绘地图(电子地图、智慧导览系统)如何制作》以及《景区手绘地图的绘制流程》,接下来介绍一些手绘地图制作的关键点。手绘地图最关键的一点,就是把手绘地图准确的覆盖到地图平台。​​手绘地图体验一、地图开放平台接口这是首要的关键点。通过前面的介绍,我们知道,手绘地图是基于地图平台针对某一区域进行美化及手绘,从而生产一张精美的手绘图片文件。但这个文件并不能拿来直接使用,而必须要覆盖到地图平台之上才可发挥其价值。要实现这个目的,我先简单介绍几个概念(这些概念在前面的文章都有比较详细的介绍,这里只做简单的回顾):1.瓦片图瓦片图是256像素的正方形图片,整个地图都是由瓦片图构成的。用瓦片

手绘地图制作的关键点之“图层覆盖”

​ 前面介绍了《景区手绘地图(电子地图、智慧导览系统)如何制作》以及《景区手绘地图的绘制流程》,接下来介绍一些手绘地图制作的关键点。手绘地图最关键的一点,就是把手绘地图准确的覆盖到地图平台。​​手绘地图体验一、地图开放平台接口这是首要的关键点。通过前面的介绍,我们知道,手绘地图是基于地图平台针对某一区域进行美化及手绘,从而生产一张精美的手绘图片文件。但这个文件并不能拿来直接使用,而必须要覆盖到地图平台之上才可发挥其价值。要实现这个目的,我先简单介绍几个概念(这些概念在前面的文章都有比较详细的介绍,这里只做简单的回顾):1.瓦片图瓦片图是256像素的正方形图片,整个地图都是由瓦片图构成的。用瓦片