jQuery Mapbox是一個強大的JavaScript庫，可以幫助您創建交互式地圖。它依賴于Mapbox，一個開源的地圖平臺，可以實現靈活的地圖操作。下面介紹一些常用功能。
//在HTML中引入庫 <head> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script src="https://api.mapbox.com/mapbox-gl-js/v1.8.1/mapbox-gl.js"></script> <link href="https://api.mapbox.com/mapbox-gl-js/v1.8.1/mapbox-gl.css" rel="stylesheet" /> </head>
創建Mapbox地圖非常簡單，只需要幾行代碼。您需要一個地圖容器，以及一個Mapbox令牌才能開始。
//創建地圖
var map = new mapboxgl.Map({
container: 'map',
style: 'mapbox://styles/mapbox/streets-v11',
center: [-74.5, 40],
zoom: 9
});上面的代碼創建了一個基本地圖，使用了Mapbox Streets風格，并將視角設置在紐約市。
您可以在Mapbox網站上找到許多其他地圖樣式和令牌。您還可以在地圖上添加標記和彈出窗口。
//添加標記和彈出窗口
var marker = new mapboxgl.Marker()
.setLngLat([-74.5, 40])
.addTo(map);
var popup = new mapboxgl.Popup()
.setLngLat([-74.5, 40])
.setHTML('紐約市
我喜歡這個城市！
')
.addTo(map);
marker.setPopup(popup);上面的代碼創建了一個標記，并將文字彈出窗口添加到標記中。您可以在地圖上拖動標記來移動位置。
總體而言，jQuery Mapbox是一個非常有用的工具，可以幫助您輕松創建交互式地圖。無論您是需要在網站上添加地圖，還是需要定制路線或標記，它都可以滿足您的需求。