這裡介紹一種簡單的方式，藉助高德地圖API，透過JS將地鐵路線圖引入到HTML網頁中，下面我簡單介紹一下實現過程：

1.註冊開發者，這個按著提示一步一步來，輸入必要的註冊資訊就行，如下：

新增成功後，需要記住這個key值，後面的js程式碼中要用到：

4.接著，我們就可以引入地鐵路線圖了，參考官方文件，程式碼如下，其實就是引入JS，直接呼叫顯示就行：

用瀏覽器開啟這個html，效果如下，已經成功引入地鐵圖：

至此，我們就完成了將地鐵圖引入到HTML中。總的來說，這個過程很簡單，註冊一下開發者，引入JS，然後直接在HTML頁面中顯示就行，高德地圖官網對於開發者提供了非常詳細的資料和例項，每一步都有詳細說明，以及效果圖進行展示，感興趣的話，可以參考一下官方資料，地址https://lbs.amap.com/api/subway-api/subway-summary，網上也有相關教程和資料，希望以上分享的內容能對你有所幫助吧。

可以使用百度地圖提供的Javascript API，只需要簡單的幾個步驟，就可以在網頁中創建出地鐵地圖。

註冊一個百度賬號，然後在去申請一個金鑰，申請地址：http://lbsyun.baidu.com/apiconsole/key?application=key；

通過後就可以得到一個AK字串，如下圖：

將百度地圖的JavaScript API引入網頁，然後設定顯示地圖的容器，並將地圖展示出來。

效果圖：

這樣，我們的百度地圖就呼叫成功了。

例項化一個地鐵地圖物件，遍歷城市，得到地鐵列表，傳入引數，展示地鐵地圖。

效果圖：

上圖就是你想要的地鐵地圖效果了，還是比較簡單的，有不懂的地方，你可以參考百度地圖提供的API文件。

當然，不一定要用百度地圖API，其他地圖也可以實現，如：騰訊地圖、谷歌地圖、高德地圖等。