从零开始,做出一个电子地图网站。
0_0_.目标确立与拆解
一、目标:
做出一个中文版的中国历史地理电子地图网站,样例就是哈佛大学世界历史地理电子地图。
网址:http://worldmap.harvard.edu/maps/chinaX
界面:
二、目标拆解
从页面分布上看,最上面是一些操作控件(Sign in、Create Map、Add Layyer、Identity等),左侧边栏是可选择的图层列表,最下面有一个搜索框,右侧是地图展示。
实现是递进的。
- 地图展示,底图+点、线、面、注记展示。
- 图层列表展示,复选框加载覆盖物,单选框切换底图。
- 搜索框在图面定位搜索内容。
- 控件功能实现,根据需求,会加上添加图层、关于等内容。 <