注:本文轉載自open-open
Google Maps 擁有非常多的 API,您可以利用它們在您的網站和應用程式中嵌入功能強大且實用的 Google Maps,並在地圖上疊加您自己的資料。您可以使用 JavaScript 在網頁中嵌入 Google Map,還可以通過多種服務操作地圖並新增內容。 下面為大家介紹一些用於提升您Google Map使用技巧的JavaScript資源。
gmap3是一個jquery外掛,能夠實現google map API 版本3的非常多操作。 它支援最新的Google map API並提供熱圖功能。最重要的是,它擁有良好的API使用文件。
這是一個用於增強靜態Google地圖的jQuery外掛。這外掛能夠讓你建立一個更加複雜的動態地圖。
jMapping 這個jQuery外掛可以用於從語義標籤建立Google Maps。這個外掛能夠幫助你快速實現一個在HTML頁面中指定地點清單的谷歌地圖頁面。
goMap是另一個功能強大的google地圖外掛。 它擁有一系列的解決方案和示例來證明你所有可能用到的設定。
來自Gabriel Svennerberg網站的教程
在Gabriel Svennerberg 這個網站上有一系列的教程。擁有5個系列幫您學習Google API 3的大部分基礎知識。
- Google Maps API3 – The basics
- Google Maps API3 – Map Settings
- Google Maps API3 – Markers
- Google Maps API3 – InfoWindows
- Google Maps API3 – Mobile devices
其它實用的指南
- Adding Custom Google Map to your website
- Simple Multiple Marker Example
- Adding Markers to a Map Using the Google Maps API 3 and jQuery
實用的工具
下面是本文作者曾經在以前專案中用過的兩個工具。
- Styled Maps: 這個工具對於自定義Google Map極其好用。比如,你可以改變Google地圖中的街道的亮度和飽和度。
- Infobox.js: InfoBox擴充套件自Google Maps JavaScript API V3 OverlayView類。一個功能類似於google.maps.InfoWindow,用於自定義訊息提示視窗。它支援一些額外屬性設定,以便實現高階的樣式修改。一個InfoBox還可以當作一個地圖示籤(Label)使用。