電子地圖模塊

1、 電子地圖模塊要求：1) 顯示惠新北里社區(qū)地圖1：1比例，不需要移動(dòng)；2) 將周邊的注冊(cè)商家標(biāo)注在地圖上；3) 當(dāng)用戶選中某商家時(shí)，彈出商家的基本信息：商家基本信息表；4) 進(jìn)一步可顯示商家的商品信息及優(yōu)惠信息：價(jià)格信息表；5) 信息分級(jí)顯示，不同的人可以看到不同的信息。6) 頁面a) 電子地圖頁b) 商家基本信息彈出頁c) 商家商品及優(yōu)惠信息彈出頁效果草圖C功能條多項(xiàng)可添加 網(wǎng)站頭尾A地圖B分類查詢信息關(guān)鍵字查詢用戶身份D查詢信息顯示有分頁+ - 12A地圖：此處顯示惠新北里社區(qū)地圖，用戶可以看到地圖全貌B分類查詢：此處把社區(qū)周邊各種商家服務(wù)設(shè)施分類，用戶可以方便快捷的查詢，點(diǎn)擊查詢結(jié)果將會(huì)

2、在A地圖上顯示出所有項(xiàng)的位置，并在D信息顯示處列出對(duì)應(yīng)列表項(xiàng)C功能條：此處顯示一排簡(jiǎn)易圖表，用戶可點(diǎn)擊相應(yīng)圖標(biāo)，A地圖上將會(huì)顯示相應(yīng)圖標(biāo)的位置，方便用戶查找D信息顯示：顯示查詢的結(jié)果項(xiàng)，點(diǎn)擊單項(xiàng)，A地圖處顯示相應(yīng)位置一、 A地圖惠新北里俯視圖1顯示社區(qū)全貌2可放大縮?。〞憾?級(jí)）3地圖可以用鼠標(biāo)拖拽（在放大的情況下，如果為最小無法拖拽出邊界）4根據(jù)分類搜索圖上顯示相應(yīng)圖標(biāo)（如搜索休閑娛樂就會(huì)在地圖上顯示并且在D信息顯示中列出）5鼠標(biāo)移動(dòng)到圖標(biāo)上會(huì)有高亮提示或者用圖標(biāo)動(dòng)態(tài)化6點(diǎn)擊標(biāo)簽彈出信息框顯示相應(yīng)信息如（信息框），如有需要可加連接，跳轉(zhuǎn)到詳細(xì)信息頁面 信息框的信息根據(jù)用戶身份有所不同（如XX

3、商店）游客不可看見優(yōu)惠信息7信息框，要在足夠地方的情況下顯示足球場(chǎng)XX超市（信息框）XX商店位置：XXX電話：XXX服務(wù)類型：XXX營(yíng)業(yè)時(shí)間：00:00-00:00活動(dòng)：優(yōu)惠信息詳情點(diǎn)擊（信息框）運(yùn)動(dòng)場(chǎng)大?。簒,y開放時(shí)間：不限活動(dòng)：社區(qū)運(yùn)動(dòng)會(huì)詳情點(diǎn)擊B分類查詢類別：關(guān)鍵詞：所有分類V請(qǐng)輸入關(guān)鍵詞。查找分類查詢1分類：所有類別銀行郵電、物業(yè)辦公、教育培訓(xùn)、政府機(jī)構(gòu)、醫(yī)療保健、文化休閑、商場(chǎng)超市、商場(chǎng)超市、連鎖專賣、餐飲酒店、娛樂健身、美容美發(fā)、汽車服務(wù)、寵物花卉、圖文攝影、建材裝修、家政服務(wù)、圖書音像、保潔洗衣、旅游票務(wù)、地產(chǎn)經(jīng)紀(jì)、公交站點(diǎn)、住宅小區(qū)、其他類別2根據(jù)上述分類查詢相應(yīng)信息，如單選

4、一項(xiàng)在D查詢信息顯示塊顯示，并在A地圖上顯示圖標(biāo)3如知道目標(biāo)的名稱，可在關(guān)鍵詞中敲入名稱，點(diǎn)擊查詢同樣可以查詢銀行C功能條- X X+ - 1 2 3功能條1用于更直觀更便捷的查詢分類信息2 用于移動(dòng)功能條顯示更多的項(xiàng)+ - 1 2 33在功能條下有一個(gè)放大縮小條（如果社區(qū)地圖1：1的可以放下，此條將不會(huì)有，如果要分級(jí)顯示才會(huì)有放大縮小，具體看社區(qū)地圖大?。?根據(jù)圖標(biāo)分類查詢相應(yīng)信息，如單選一項(xiàng)在D查詢信息顯示塊顯示，并在A地圖上顯示圖標(biāo)5如將鼠標(biāo)懸停在圖標(biāo)上，會(huì)有文字提示信息D查詢信息顯示1. xxxxxxxxxxxxxxxx2. xxxxxxxxxxxxxxxx3. xxxxxxxxxxx

5、xxxxx4. xxxxxxxxxxxxxxxxxx5. xxxxxxxxxxxxxxxx6. xxxxxxxxxxxxxxxxx7. xxxxxxxxxxxxxxxxx8. xxxxxxxxxxxxxx9. xxxxxxxxxxxxxxxx10. xxxxxxxxxxxxxxxxxx（信息框）運(yùn)動(dòng)場(chǎng)大?。簒,y開放時(shí)間：不限活動(dòng)：社區(qū)運(yùn)動(dòng)會(huì)詳情點(diǎn)擊1此塊顯示查詢結(jié)果，顯示10條，如超10條有分頁顯示 2鼠標(biāo)移動(dòng)到某一條上的時(shí)候回彈出信息框，內(nèi)容與在A地圖上的信息一致3點(diǎn)擊某項(xiàng)，在A地圖中直接將點(diǎn)中的項(xiàng)高亮出信息，（如果有放大縮小，在放大的圖中，居中高亮顯示）二、 地圖操作（舉例用戶需要購物）

6、1. 用戶從主頁電機(jī)地圖選項(xiàng)進(jìn)入地圖頁2. （地圖會(huì)根據(jù)用戶身份顯示對(duì)應(yīng)級(jí)別的信息）3. 如有放大縮小A地圖默認(rèn)顯示為最小，直接顯示社區(qū)全貌（如將街道整體放入，主顯小區(qū)突出顯示），用戶可以點(diǎn)擊反大縮小調(diào)整適合自己的大小4. 用戶可在A地圖上按住鼠標(biāo)左鍵移動(dòng)鼠標(biāo)進(jìn)行地圖的移動(dòng)拖拽，如A地圖為最小狀態(tài)，無法拖拽出邊界。5. 在A地圖上方有便捷工具條，用戶可以直接點(diǎn)擊購物標(biāo)志的選項(xiàng)，查詢所有分類為購物的信息，點(diǎn)擊完成后，在A地圖中將會(huì)顯示出所有對(duì)應(yīng)的圖標(biāo)位置，在D查詢顯示信息塊中列出所有項(xiàng)方便用戶查詢，如用戶找到某項(xiàng)可點(diǎn)擊，將會(huì)彈出信息框，顯示當(dāng)前點(diǎn)擊圖標(biāo)的相應(yīng)信息，如有需要，在信息框中會(huì)有相關(guān)需要

7、的連接，用戶點(diǎn)擊，可直接跳轉(zhuǎn)。6. 如果用戶知道目標(biāo)的名稱，可在B分類查詢塊中的關(guān)鍵字處直接選擇關(guān)鍵字，然后點(diǎn)擊查詢，同樣會(huì)在A地圖中顯示對(duì)應(yīng)的圖標(biāo)位置，并且，在D查詢顯示信息塊列出查詢結(jié)果。進(jìn)入地圖頁放大縮小地圖這兩項(xiàng)功能從進(jìn)入頁面開始，無論何時(shí)都可以進(jìn)行操作，查詢B分類塊查詢根據(jù)選項(xiàng)或者關(guān)鍵字功能條分類查詢根據(jù)查詢結(jié)果在A地圖上顯示相應(yīng)的熱點(diǎn)，并且D查詢信息顯示塊也將結(jié)果項(xiàng)列出來。用戶可在查詢的結(jié)果找那個(gè)找尋目標(biāo)，確定點(diǎn)擊目標(biāo)在熱點(diǎn)一側(cè)顯示信息框，列出該熱點(diǎn)的對(duì)應(yīng)信息關(guān)閉托拽底圖如有鏈接，可以連接到詳細(xì)介紹頁面三、 地圖實(shí)現(xiàn)1. 頁面：1數(shù)據(jù)表：1. 自用：3（map表，分類表，熱點(diǎn)表）用

8、于存放熱點(diǎn)表1. 編號(hào)（自動(dòng)）2. 分類編號(hào)3. 熱點(diǎn)名稱4. 熱點(diǎn)坐標(biāo)分類表1. 編號(hào)（自動(dòng)）2. 分類類型名稱3. 分類圖標(biāo)Map表1. 編號(hào)（自動(dòng)）2. 底圖3. 初始化信息2. 互用：2（用戶表，商家信息表）1. 用戶表用來驗(yàn)證身份（或者直接判斷Session就不用用戶表了）2. 商家信息表，在信息框里顯示用，由后臺(tái)直接讀取傳到頁面顯示。 2. 具體實(shí)現(xiàn)打開頁面時(shí)1. 驗(yàn)證用戶身份2. 初始化地圖1. 根據(jù)用戶身份設(shè)定可以顯示的信息類型2. A地圖 加載地圖底圖 （為一張圖不用分割，用拉伸來處理放大縮?。?. 功能條信息加載、B查詢項(xiàng)信息加載、D信息框隱藏4. 查詢1. 根據(jù)選擇的分類或者關(guān)鍵字到后后臺(tái)查詢可用信息，并傳到頁面2. 根據(jù)信息提前將熱點(diǎn)加載，用層作，隱藏，當(dāng)用到的時(shí)候直接顯示即可。 3. 信息框同時(shí)加載，用層，隱藏。 4.顯示1.熱點(diǎn)的高亮用更換圖層處理。 2.商戶信息中如果為空，在信息框中不顯示空項(xiàng)。3.如有連接跳轉(zhuǎn)，新開一頁顯示其內(nèi)容。四、 后臺(tái)（管理員）1. 可以修改地圖的底圖2. 可以修改兩張自用表3. 當(dāng)管理員登陸時(shí)在右邊列表處會(huì)