武漢旅游查詢系統

1 界面展示

1.首頁地圖界面

2.查找功能

在查找框內輸入查找的景點名稱

查找到的景點在地圖上進行定位，右側展示景點的詳細信息。

3.添加景點功能

在地圖上點擊某個位置，系統彈出一個輸入框供用戶填寫景點的名稱和描述。

在彈出的輸入框中輸入景點名稱和描述，點擊“添加景點”按鈕。

新添加的景點信息可以顯示在右側的景點信息區域，展示景點名稱、位置和描述。

3.編輯景點功能

點擊編輯，將描述置空，點擊保存

4.刪除景點功能

2 核心代碼

1 IndexedDB 數據庫的使用

1.1 數據庫初始化

var request = indexedDB.open('TourismDB', 1);request.onupgradeneeded = function (event) {var db = event.target.result;var objectStore = db.createObjectStore('locations', { keyPath: 'id', autoIncrement: true });objectStore.createIndex('name', 'name', { unique: false });objectStore.createIndex('lat', 'lat', { unique: false });objectStore.createIndex('lon', 'lon', { unique: false });objectStore.createIndex('