電子地圖模塊

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

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

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

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

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

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

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

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