web 地图杂谈

做的一个网站中需要一个电子地图，姑且叫他web－gis吧！基本的实现机制是网页中的图片动态浏览，mapabc(也就是图盟：http://www.mapabc.com/)的网页地图应该也是基于这一机制实现的，google地图搜索就是mapabc提供的，当然我做的这个在功能方面和人家的还是差的远。去年，还差点决定到这家公司面试去那。


现在这个网站中的电子地图开始时也不是我自己写的，代码来自于一个俄罗斯人，使用了mootools工具包，我只是在他代码的基础上进行了功能和界面的修改和增补。地图图片是由很多小的图片组成的；也就是把一张大的地图图片，根据清晰度剪切成许多小的图片，再实时加载呈现出来。当地图上有拖拽、双击等操作时，也需要重新加载地图。你保存一下google地图，就可以看到这些剪切出来的小图片了。小图片的文件名称都是按照规则命名的，这样也是js加载图片的需要。在地图上添加标识，是在地图上添加一个div，之后在它上面添加一个标识图片；当然这个div也要响应地图的所有事件。将鼠标放在标识上方后出现提示框，点击提示框中的文字可以进行一些相关操作！这个提示框的实现也有很多例子！ 我不知道地图搜索部分是如何实现的，估计应该是通过要搜索的字符检索匹配的地点和地点坐标。通过页面上的菜单可以在的图上显示这些地方，清晰度可以控制的。现在还有一些细节方面的问题需要修改！最后一张是操作成功后用ExtJs做的信息提示框！


[img]http://daoger.iteye.com/upload/picture/pic/11146/66f63982-ee62-344f-a482-7bff970ec549.jpg[/img][img]http://daoger.iteye.com/upload/picture/pic/11148/d687bcd5-9ec6-3254-bf44-1deff30716bd.jpg[/img]
[img]http://daoger.iteye.com/upload/picture/pic/11150/ad961622-fee4-35c5-9450-c67f2d642811.jpg[/img]


网上有一个比较成熟的开源的地图浏览器,网址是：http://www.mojavelinux.com/projects/gsiv/,初始版本的名字叫Giant Scalable Image Viewer (GSIV)，现在官方网站上又出现了一个版本Giant-Ass Image Viewer(GSV)。现在这个开源项目只是实现了图片的浏览，并且在IE下还有些问题。有兴趣的朋友可以研究一下！