由于3月可能要结束实习，所以应该不会有特别固定的主题，另外我会在月初陆续补上上个月的番外篇Projection和TMS，作为介绍性的内容对矢量切片部分进行补充，剩下时间不定期写一些杂烩。
最近两天在做一个地图上popup浮动层的功能，因为之前一直沿用OpenLayers2中自带的popup组件，但OL2中实在是难以控制浮动层的样式，远不及直接在地图上覆盖div布局来的快，所以我决定暂时放弃使用popup，自己编写一个浮动层。
一 问题的来源
设计草图如下（样式主要参照了百度地图的弹出层），主要讲这个弹出层分为了三级：1）location：地理位置信息和定位；2）images：图片集；3）indexs：指数计算；
那么，这篇题外讲的就是在实现功能的过程中遇到的一个小问题——图片的缩略图，在这里先简单介绍一下背景和思路：利用OL2中的popup的被选中触发的事件，填充已经隐藏在页面中的POI弹出层，而数据库中存储的是图片的URL，图片存储在服务器上，在填充POI弹出层的图片部分时，直接插入<img>元素，再利用JS部分的功能代码对图片进行重定义大小，最终实现将缩略图显示在我们的页面上。
PS:其实这算不上是真正意义上的缩略图，因为页面在加载的时候，还是会加载完整的图片，只是显示的时候是以缩略的形式，并不会对页面的加载速度有提升，在此只是为了实现这样一个效果。
好了，那么问题在哪呢？我们先来看如何实现。
网友评论
