A873054267的博客

地图库讲起来好像也没有那么难，就是一系列图片加载、矢量的绘制。但是实际在遇到某些问题时，比如火星坐标系，比如任意一个地图服务怎么加载，都是一脸懵，所以从底层来自己做一做，更能理解清楚原理。第一章尽量简单，就是加载底图的第一级别，也就是通常的18级别。实现原理:通过ajax向服务器请求对应的图片，显示在我们声明的div中。由于js也不是太熟悉，所以用了很笨拙的方法，设置div的bac...

上一节学习到将图片放置到网页中，观察到ol使用的是canvas，因此去学习了canvas来绘制图片。(目前还没有看到关于什么使用canvas来绘制图片的原因，可能是效率？)其中绘制的方法有三种，包括直接绘制（可能导致图像显示不全）、指定位置绘制、绘制图片指定区域。那么显然第二种更适合我们使用。可以看到，绘制的地图与官网示例的地图是一样的了，区别在于，官网的居中，第二是，在横向repea...

上一节写到用canvas来绘制地图，但是没有画成与demo一致的效果。起初观察感觉是用的padding或者margin什么的。后来看代码发现canvas的宽高与map承载元素的宽高相同。因此学习了如何用js来获取元素的宽高，并赋值给canvas。为了让元素居中，动态计算canvas的绘制点，并实现了在横轴方向上的重复。（这里即可开放一个参数，是否重叠绘制，也就是warpX）<!DOCT...

目前的原因看起来是因为是在视角中加了坐标系，如果去掉坐标，白线就会消失。但是目前还没有找到解决的方案

前几天就写到了canvas绘制地图，但是在计算出地理范围之后，在请求对应图片和绘制的过程中，遇到了异步的问题。一直没解决，最后花了20块大洋才解决了。下面记录一下如何使用es6语法来解决异步。传统的回调方式解决的方法后续补上。 //开始绘制 let disTop=0; function draw(i1,j1) { return new Promise((re...

主要实现思路是基于canvas的clip功能，绘制的区域显示，其他区域不显示https://www.jianshu.com/p/b2c847217a2d