電子地圖模塊

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

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

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

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

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

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

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

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