从 Google Maps API 使用铁路路线答案

【问题标题】：Making Use Of Railway Route from Google Maps API从 Google Maps API 使用铁路路线
【发布时间】：2013-10-28 13:18:09
【问题描述】：

我有一个特定要求，我必须在地图中只显示火车站而不是整个地图。这怎么可能实现。？请找到我尝试过的以下代码。

<html>
    <head>
        <style type="text/css">
            html { height: 100% }
            body { height: 100%; margin: 0px; padding: 0px }
            #map_canvas { height: 100% }
        </style>
        <script type="text/javascript"
            src="http://maps.googleapis.com/maps/api/js?libraries=drawing&sensor=true">
        </script>
        <script type="text/javascript">
            function initialize() {
                // init map

                var myOptions = {
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };
                var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
                var drawingManager = new google.maps.drawing.DrawingManager();
                drawingManager.setMap(map);
                // init directions service
                var dirService = new google.maps.DirectionsService();
                var dirRenderer = new google.maps.DirectionsRenderer({suppressMarkers: true});
                dirRenderer.setMap(map);

                // highlight a street
                // highlight a street
                var request = {
                        origin: '',
                        destination: '',
                        travelMode: google.maps.TravelMode.TRANSIT
                    };

                dirService.route(request, function (response, status) {
                        if (status == google.maps.DirectionsStatus.OK) {
                            dirRenderer.setDirections(response);

                            var legs = response.routes[0].legs;
                            for (i = 0; i < legs.length; i++) {
                                var steps = legs[i].steps;
                                for (j = 0; j < steps.length; j++) {
                                    var transitMode = steps[j].travel_mode;

                                    if (transitMode == "TRANSIT") {
                                        var vehicle = steps[j].transit.line.vehicle.type;
                                        if (vehicle == "HEAVY_RAIL") {
                                            var nextSegment = steps[j].path;

                                            for (k = 0; k < nextSegment.length; k++) {
                                               // polyline.getPath().push(nextSegment[k]);
                                            }                            
                                        }
                                    }


                                }
                            }
                        }
                    });
            }
        </script>
    </head>
    <body onload="initialize()">
        <div id="map_canvas" style="width:100%; height:100%"></div>
    </body>
</html>

任何帮助将不胜感激..提前致谢..

【问题讨论】：

标签： javascript html google-maps google-maps-api-3

【解决方案1】：

我不明白你到底想做什么，但对于这种特殊的映射，你可以依赖transit.js

【讨论】：

您的建议可以起到作用。我想要的是显示铁路地图。只能显示火车站的地方。我确实实现了 transit.js，但它似乎没有工作
你的意思是你想把标记放在车站上？或者，您可以在每个站点的坐标系上创建一个带有矢量形状的叠加层。您是否在transit.initialize() 方法中正确设置了localKmlFile 和remoteKmlFile？ onloop.net/transit/#initialize在问题中添加新代码，我们会检查它。

【解决方案2】：

这可能很困难，因为：哪个是“火车站”？，站台？，Mark-on-rail？，Wickets？，Master's Room？，EntranceGate？

GoogleTransitService 可能会显示通过楼梯通过 WALK 转移。

【讨论】：