使用 jQuery MapInfo 插件可以方便地在網頁上顯示地圖信息。MapInfo 插件基于 jQuery 庫，并使用 Google Maps API 和 OpenStreetMap API，允許開發者在網頁上展示交互式地圖。 下面是一段 JavaScript 代碼，展示如何使用 MapInfo 插件來展示地圖信息：

$(document).ready(function() { 
var map = new MapInfo("map-canvas", { 
lat: 51.507222, 
lng: -0.1275, 
zoom: 10, 
type: "roadmap", 
scrollwheel: false 
}); 
map.addMarker({ 
lat: 51.507222, 
lng: -0.1275, 
title: "London, UK", 
infoWindow: { 
content: "
This is London, UK.
" 
} 
}); 
});

這段代碼使用 jQuery 選擇器選取了 HTML 文件中的 ID 為 "map-canvas" 的 HTML 元素，并創建了一個新的 MapInfo 實例。該實例展示了一個以緯度 51.507222 和經度 -0.1275 為中心的地圖，初始放大級別為 10。類型為“roadmap”，禁用了地圖滾動。 接下來，這段代碼通過 MapInfo 實例的 addMarker 方法向地圖添加一個標記，展示了倫敦的地址和一段簡短的文字。當用戶點擊標記時，會彈出一個信息窗口，其中包含了添加的信息。 總體來說，jQuery MapInfo 插件使得在網頁中添加地圖信息變得非常簡單。開發者可以輕松地自定義地圖樣式和標記信息，以滿足其特定的需求。