一IP地理位置视觉化查询.pptVIP

CH03 實戰Google Maps API之 一：IP地理位置視覺化查詢 3.1 建立基本的地圖 3.2 根據IP定位地理位置 3.1 建立基本的地圖 3.1.1建立“Hello World”地圖 在Google Maps API中，Google地圖的載入是透過對GMap2物件初始化來實現的 下面對其關鍵點進行重點講解 導入Google Maps API程式 庫文件和建立地圖容器 頁面載入事件onload和關閉 事件onunload事件 建立GMap2對象 設定地圖中心座標並顯示地圖 設定地圖類型 3.1.2 新增API內置GControl控制項 GControl控制項是對地圖進行 操控的一組對象的總稱 Google Maps API中不僅為自訂GControl物件提供了豐富的介面，也為常用功能製作了預設控制項。它們分別是精簡地圖控制項GSmallMapControl、完整地圖控制項GLargeMapControl、精簡縮放控制項GSmallZoomControl、比例尺控制項GScaleControl和地圖類型控制項GMapTypeControl 以GSmallMapControl控制 項為例，具體說明API 內置控制項的新增方法 建立並在地圖上新增GControl控制項 GMap2. addControl()方法詳解及自訂控制項位置 3.1.3使用GMarker地標 GMarker地標是Google地圖中 用於標記地理位置的物件 以新增一個最基本的 GMarker物件為例， 具體分為以下幾步 建立基本的GMarker物件 自訂GMarker對象 3.1.4 新增資訊視窗GInfoWindow物件 資訊視窗GInfoWindow物件是 Google Maps API中用於提 供資訊的幾個物件之一 GInfoWindow不僅可以在 GMaker物件上顯示資訊，還能在 地圖上任意一點顯示 下面將分別介紹如何在GMarker和GMap2上新增GInfoWindow物件 在GMarker上顯示GInfoWindow物件 在GMap2上顯示GInfoWindow物件 3.1.5 新增多標籤資訊視窗 GInfoWindowTab物件 在Google Maps API中，多標籤是用JavaScript中的陣列物件和GInfoWindowTab標籤物件實現的。以下是具體實現的步驟 建立GInfoWindowTab對象 建立一個GInfoWindowTab()的陣列 在GMarker上顯示 GInfoWindowTab多標籤 資訊視窗物件 3.1.6 移除不使用的物件 關閉資訊視窗 移除GControl控制項 移除GMarker地標 3.2 根據IP定位地理位置 3.2.1 IP定位地理位置概述及準備工作 IP和地理位置的關係實際上比較簡單，因為大量IP段是根據地域來分配的，這就為查詢IP對應的地理位置帶來了方便 目前網路上華人比較熟悉 IP地理位置資料庫的就是 純真IP資料庫了。不過和 其他國產免費IP資料庫一樣， 該IP庫無法用於IP地理位置 視覺化查詢系統 因為MaxMind?除了發佈商業授權的資料庫外，還發佈了GPL授權的免費GeoLiteCity資料庫，並提供豐富的API支援，所以本章將以該資料庫為基礎進行詳細介紹 GPL發佈的GeoLiteCity資料庫下載位址為/ download/geoip/ database/。 該資料庫分為兩個版本，一個 為方便導入MySQL, MS SQL Server等資料庫的CSV資料庫， 另一個為二進位版的資料庫 3.2.2 利用GeoIP?資料庫及API進行地理定位查詢 地理定位查詢主要可分為兩個步驟，第一，獲取待查詢的IP；第二，利用MaxMind? API進行查詢並返回查詢結果 本例中資料比較簡單，因此可以把查詢結果直接以JavaScript字串的形式返回給用戶端，用eval()函式呼叫即可。 下面將詳細介紹上述步驟 獲取待查詢的IP 透過IP獲取地理資訊 3.2.3 在Google地圖上顯示查詢結果 如何從伺服器取得該結果並顯示在地圖上。這一過程主要可分為三個步驟 需要獲取伺服器端的查詢結果 實現loadGeoInfo()介面 顯示查詢結果等其他工作 獲取伺服