摘要：终于开始可以写代码了，手都开始痒了。这里的代码仅仅是在chrome检测过，我可以肯定的是IE10以下浏览器是行不通，我一直在考虑，是不是使用IE禁止看我的篇博客，就是这群使用IE的人，给我加了很多工作量。 一个地图的基本动作，无非就是加载数据，平移，放大与缩小。这篇博客主要是通过一张图片的方式来模拟一下。 我这里认为大家都稍微了解甚至熟悉canvas的一些API，就不具体说，每一个参数代表什么意思了。 图片加载平移放大缩小示例 var canvas,context;function int(){ canvas=document.getElementById... 阅读全文

摘要：上一篇也说到瓦片，我们为什么使用瓦片？这一篇主要是关于如何拼接地图？ 下面的一张图，可以一眼明了，地图是如何切割以及拼接的。 瓦片信息 瓦片信息包括切图原点，瓦片大小，格式，分辨率以及分辨率级别等。 切图原点，一般是整个坐标系的最左上角，比如说，web墨卡托是[-20037508.3427892, 20037508.3427892]。切图原点右侧列数是正数，左侧的列数是负数，下侧行数是正数，上侧行数是负数。 瓦片的宽度、高度，目前互联网最常见的瓦片宽度和高度都是256像素。 瓦片格式，可能是png,jpg等。 分辨率，这里不是指电脑的分辨率。而这里意思是一像素代表多少... 阅读全文

摘要：之前一直想使用HTML5技术全新做一套地图API，可是苦于时间和精力，迟迟未有行动。后来下定决心，利用下班和周末做出一个大体框架出来，现在和网友分享一下自己的整体的一个思路和想法。欢迎大家提出宝贵建议，希望把这套API做的更好，有人真正利用起来。DEMO访问地址， 猛击这里。数据 我们看到的电子地图是多个图层叠加之后的效果，每一个图层都至少对应着一个地图服务。我们这样可以理解服务，我们把简单的参数传给后台，后台会把原始数据返回来，前端或者应用就可以根据自己需要，渲染成图。 这里返回的数据，不仅仅是矢量数据，也包括栅格数据。 矢量数据，包括那些点线面的具体坐标、投影或者坐标系。矢量... 阅读全文