Javascript 谷歌地图图像与方向路线打印

Javascript 谷歌地图图像与方向路线打印,javascript,google-maps,Javascript,Google Maps,问题是,当我尝试打印div内容时,路由没有使用它打印。 我已经阅读了以下链接- 但这是徒劳的。我也读过谷歌地图静态图像api——但我认为没有任何机制可以将地图图像与路线一起打印 我的密码是- 函数PrintElem(elem) { 弹出($(elem.html()); } 功能弹出窗口(数据) { var mywindow=window.open(“”,'map canvas','height=1200,width=700'); mywindow.document.write(数据); myw

问题是,当我尝试打印div内容时,路由没有使用它打印。 我已经阅读了以下链接-
但这是徒劳的。我也读过谷歌地图静态图像api——但我认为没有任何机制可以将地图图像与路线一起打印

我的密码是-

函数PrintElem(elem)
{
弹出($(elem.html());
}
功能弹出窗口(数据)
{
var mywindow=window.open(“”,'map canvas','height=1200,width=700');
mywindow.document.write(数据);
mywindow.print();
mywindow.close();
返回true;
}
var display=new google.maps.DirectionsRenderer({draggable:true});
var dirService=new google.maps.DirectionsService();
函数初始化(){
var exCentre=new google.maps.LatLng(x1,y1);
var boardPoint=new google.maps.LatLng(x2,y2);//x1,y1,x2,y2是坐标
var amarker=new google.maps.Marker({position:exCentre});
var bmarker=new google.maps.Marker({position:boardPoint});
var mapOptions={zoom:10,center:exCentre};
var map=new google.maps.map(document.getElementById(“地图画布”),mapOptions);
设置映射(map);
b marker.setMap(map);
显示.setMap(map);
display.setOptions({suppressMarkers:true});
var请求={来源:中心,目的地:boardPoint,travelMode:google.maps.travelMode.DRIVING};
dirService.route(请求、功能(响应、状态){
if(status==google.maps.directionstatus.OK){
display.setDirections(响应);}
});
}
google.maps.event.addDomListener(窗口“加载”,初始化)
#地图画布{
保证金:0;
填充:0;
宽度:1000px;
高度:500px;
}

问题是路线将通过
-方法绘制,结果不会反映在地图元素的innerHTML中,因此路线可能不会被“复制”

对于给定的文档结构(map元素是body的直接子元素),您可以遵循链接问题中的建议:

var x1=52,
y1=13,
x2=53,
y2=14;
var display=new google.maps.DirectionsRenderer({
德拉格布尔:是的
});
var dirService=new google.maps.DirectionsService();
函数初始化(){
var exCentre=new google.maps.LatLng(x1,y1);
var boardPoint=new google.maps.LatLng(x2,y2);//x1,y1,x2,y2是坐标
var amarker=new google.maps.Marker({
位置:偏心
});
var bmarker=new google.maps.Marker({
位置:boardPoint
});
变量映射选项={
缩放:10,
中心:偏心
};
var map=new google.maps.map(document.getElementById(“地图画布”),mapOptions);
设置映射(map);
b marker.setMap(map);
显示.setMap(map);
display.setOptions({
真的吗
});
var请求={
产地:exCentre,
目的地:boardPoint,
travelMode:google.maps.travelMode.DRIVING
};
dirService.route(请求、功能(响应、状态){
if(status==google.maps.directionstatus.OK){
显示。设置方向(响应);
}
});
}
google.maps.event.addDomListener(窗口“加载”,初始化)
#地图画布{
保证金:0;
填充:0;
宽度:1000px;
高度:500px;
/*确保打印时地图也可见*/
显示:块!重要;
}
@媒体印刷品{
/*隐藏任何东西*/
正文>*{
显示:无;
}
}

@Dr.Molle我尝试过这个解决方案,但它对我不起作用。你能看看我的问题吗?