Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/378.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 利用谷歌地图API中的铁路路线_Javascript_Html_Google Maps_Google Maps Api 3 - Fatal编程技术网

Javascript 利用谷歌地图API中的铁路路线

Javascript 利用谷歌地图API中的铁路路线,javascript,html,google-maps,google-maps-api-3,Javascript,Html,Google Maps,Google Maps Api 3,我有一个特别的要求,我必须在地图上只显示火车站,而不是整个地图。如何才能做到这一点。?。请查找我已尝试的以下代码 <html> <head> <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0px; padding: 0px } #map_canvas { heig

我有一个特别的要求,我必须在地图上只显示火车站,而不是整个地图。如何才能做到这一点。?。请查找我已尝试的以下代码

<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>

html{高度:100%}
正文{高度:100%;边距:0px;填充:0px}
#地图画布{高度:100%}
函数初始化(){
//初始映射
变量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);
//初始化方向服务
var dirService=new google.maps.DirectionsService();
var dirRenderer=new google.maps.DirectionsRenderer({suppressMarkers:true});
dirRenderer.setMap(map);
//突出街道
//突出街道
var请求={
来源:'',
目标:“”,
travelMode:google.maps.travelMode.TRANSIT
};
dirService.route(请求、功能(响应、状态){
if(status==google.maps.directionstatus.OK){
dirrender.setDirections(响应);
var legs=response.routes[0]。legs;
对于(i=0;i

任何帮助都将不胜感激。。提前感谢。

我不知道您实际想要做什么,但是对于这种特殊类型的映射,您可以依赖它,我不知道您实际想要做什么,但是对于这种特殊类型的映射,您可以依赖它,这可能很难,因为: 哪一个是“火车站”、站台、轨道上的标志、小门、船长室、大门


Google TransitService可能会显示通过楼梯台阶步行转移。这可能很困难,因为: 哪一个是“火车站”、站台、轨道上的标志、小门、船长室、大门


GoogleTransitService可能会显示通过楼梯台阶步行换乘。

您的建议可以解决这一问题。我想要的是显示一张铁路地图。这里只能显示火车站。我确实实现了transit.js,但它似乎不起作用。你是说你想在车站上放置标记?或者,可以在每个桩号的同一个桩号处创建具有向量形状的覆盖。您是否在
transit.initialize()
方法中正确设置了
localKmlFile
remoteKmlFile
?在问题中添加新代码,我们将进行检查。您的建议可以帮助解决问题。我想要的是显示一张铁路地图。这里只能显示火车站。我确实实现了transit.js,但它似乎不起作用。你是说你想在车站上放置标记?或者,可以在每个桩号的同一个桩号处创建具有向量形状的覆盖。您是否在
transit.initialize()
方法中正确设置了
localKmlFile
remoteKmlFile
?在问题中添加新代码,我们将进行检查。