<div id="map">
の高さが0pxになっている可能性があります。
Chromeデベロッパーツールの「要素を検証」機能などを使用して、サイズを確認してください。
高さが0pxになっている場合は、まず下記のCSSを追加して、サイズが指定通りになり路線図が表示されることを確認してください。
/* divの高さをpxで指定する */
#map {
width: 500px; height: 500px;
}
この問題がHTML5の<!DOCTYPE html>
を入れてから発生するようになった場合は、下記のCSSを追加することで対応できる場合が多いです。
/* HTML5のDOCTYPEではこれを設定しないと#map { height: 100%; }でも0pxになってしまう */
html, body {
width: 100%; height: 100%;
}