电子地图模块

1、 电子地图模块要求：1) 显示惠新北里社区地图1：1比例，不需要移动；2) 将周边的注册商家标注在地图上；3) 当用户选中某商家时，弹出商家的基本信息：商家基本信息表；4) 进一步可显示商家的商品信息及优惠信息：价格信息表；5) 信息分级显示，不同的人可以看到不同的信息。6) 页面a) 电子地图页b) 商家基本信息弹出页c) 商家商品及优惠信息弹出页效果草图C功能条多项可添加 网站头尾A地图B分类查询信息关键字查询用户身份D查询信息显示有分页+ - 12A地图：此处显示惠新北里社区地图，用户可以看到地图全貌B分类查询：此处把社区周边各种商家服务设施分类，用户可以方便快捷的查询，点击查询结果将会

2、在A地图上显示出所有项的位置，并在D信息显示处列出对应列表项C功能条：此处显示一排简易图表，用户可点击相应图标，A地图上将会显示相应图标的位置，方便用户查找D信息显示：显示查询的结果项，点击单项，A地图处显示相应位置一、 A地图惠新北里俯视图1显示社区全貌2可放大缩小（暂定3级）3地图可以用鼠标拖拽（在放大的情况下，如果为最小无法拖拽出边界）4根据分类搜索图上显示相应图标（如搜索休闲娱乐就会在地图上显示并且在D信息显示中列出）5鼠标移动到图标上会有高亮提示或者用图标动态化6点击标签弹出信息框显示相应信息如（信息框），如有需要可加连接，跳转到详细信息页面 信息框的信息根据用户身份有所不同（如XX

3、商店）游客不可看见优惠信息7信息框，要在足够地方的情况下显示足球场XX超市（信息框）XX商店位置：XXX电话：XXX服务类型：XXX营业时间：00:00-00:00活动：优惠信息详情点击（信息框）运动场大小：x,y开放时间：不限活动：社区运动会详情点击B分类查询类别：关键词：所有分类V请输入关键词。查找分类查询1分类：所有类别银行邮电、物业办公、教育培训、政府机构、医疗保健、文化休闲、商场超市、商场超市、连锁专卖、餐饮酒店、娱乐健身、美容美发、汽车服务、宠物花卉、图文摄影、建材装修、家政服务、图书音像、保洁洗衣、旅游票务、地产经纪、公交站点、住宅小区、其他类别2根据上述分类查询相应信息，如单选

4、一项在D查询信息显示块显示，并在A地图上显示图标3如知道目标的名称，可在关键词中敲入名称，点击查询同样可以查询银行C功能条- X X+ - 1 2 3功能条1用于更直观更便捷的查询分类信息2 用于移动功能条显示更多的项+ - 1 2 33在功能条下有一个放大缩小条（如果社区地图1：1的可以放下，此条将不会有，如果要分级显示才会有放大缩小，具体看社区地图大小）4根据图标分类查询相应信息，如单选一项在D查询信息显示块显示，并在A地图上显示图标5如将鼠标悬停在图标上，会有文字提示信息D查询信息显示1. xxxxxxxxxxxxxxxx2. xxxxxxxxxxxxxxxx3. xxxxxxxxxxx

5、xxxxx4. xxxxxxxxxxxxxxxxxx5. xxxxxxxxxxxxxxxx6. xxxxxxxxxxxxxxxxx7. xxxxxxxxxxxxxxxxx8. xxxxxxxxxxxxxx9. xxxxxxxxxxxxxxxx10. xxxxxxxxxxxxxxxxxx（信息框）运动场大小：x,y开放时间：不限活动：社区运动会详情点击1此块显示查询结果，显示10条，如超10条有分页显示 2鼠标移动到某一条上的时候回弹出信息框，内容与在A地图上的信息一致3点击某项，在A地图中直接将点中的项高亮出信息，（如果有放大缩小，在放大的图中，居中高亮显示）二、 地图操作（举例用户需要购物）

6、1. 用户从主页电机地图选项进入地图页2. （地图会根据用户身份显示对应级别的信息）3. 如有放大缩小A地图默认显示为最小，直接显示社区全貌（如将街道整体放入，主显小区突出显示），用户可以点击反大缩小调整适合自己的大小4. 用户可在A地图上按住鼠标左键移动鼠标进行地图的移动拖拽，如A地图为最小状态，无法拖拽出边界。5. 在A地图上方有便捷工具条，用户可以直接点击购物标志的选项，查询所有分类为购物的信息，点击完成后，在A地图中将会显示出所有对应的图标位置，在D查询显示信息块中列出所有项方便用户查询，如用户找到某项可点击，将会弹出信息框，显示当前点击图标的相应信息，如有需要，在信息框中会有相关需要

7、的连接，用户点击，可直接跳转。6. 如果用户知道目标的名称，可在B分类查询块中的关键字处直接选择关键字，然后点击查询，同样会在A地图中显示对应的图标位置，并且，在D查询显示信息块列出查询结果。进入地图页放大缩小地图这两项功能从进入页面开始，无论何时都可以进行操作，查询B分类块查询根据选项或者关键字功能条分类查询根据查询结果在A地图上显示相应的热点，并且D查询信息显示块也将结果项列出来。用户可在查询的结果找那个找寻目标，确定点击目标在热点一侧显示信息框，列出该热点的对应信息关闭托拽底图如有链接，可以连接到详细介绍页面三、 地图实现1. 页面：1数据表：1. 自用：3（map表，分类表，热点表）用

8、于存放热点表1. 编号（自动）2. 分类编号3. 热点名称4. 热点坐标分类表1. 编号（自动）2. 分类类型名称3. 分类图标Map表1. 编号（自动）2. 底图3. 初始化信息2. 互用：2（用户表，商家信息表）1. 用户表用来验证身份（或者直接判断Session就不用用户表了）2. 商家信息表，在信息框里显示用，由后台直接读取传到页面显示。 2. 具体实现打开页面时1. 验证用户身份2. 初始化地图1. 根据用户身份设定可以显示的信息类型2. A地图 加载地图底图 （为一张图不用分割，用拉伸来处理放大缩小）3. 功能条信息加载、B查询项信息加载、D信息框隐藏4. 查询1. 根据选择的分类或者关键字到后后台查询可用信息，并传到页面2. 根据信息提前将热点加载，用层作，隐藏，当用到的时候直接显示即可。 3. 信息框同时加载，用层，隐藏。 4.显示1.热点的高亮用更换图层处理。 2.商户信息中如果为空，在信息框中不显示空项。3.如有连接跳转，新开一页显示其内容。四、 后台（管理员）1. 可以修改地图的底图2. 可以修改两张自用表3. 当管理员登陆时在右边列表处会