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
?在问题中添加新代码,我们将进行检查。