Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/jpa/2.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
Google maps 谷歌静态地图通过倾斜获取卫星视图_Google Maps_Google Maps Api 3_Static_Google Static Maps_Tilt - Fatal编程技术网

Google maps 谷歌静态地图通过倾斜获取卫星视图

Google maps 谷歌静态地图通过倾斜获取卫星视图,google-maps,google-maps-api-3,static,google-static-maps,tilt,Google Maps,Google Maps Api 3,Static,Google Static Maps,Tilt,在文档中没有看到任何内容,所以我想在这里问一下: 对于通过谷歌静态地图api捕捉图像,有没有办法获得具有倾斜的视图?似乎没有任何关于如何查询的文档 谢谢。我举了一个小例子,可以帮助您。 它使用html2canvas.js和jquery.js 我还分叉了什么@mfirdaus 捕获图 html, 身体{ 身高:100%; 保证金:0; 填充:0; } #地图{ 浮动:左; 高度:640px; 宽度:640px; } .myButton1{ -moz盒阴影:0px 1px 0px 0px#fff

在文档中没有看到任何内容,所以我想在这里问一下:

对于通过谷歌静态地图api捕捉图像,有没有办法获得具有倾斜的视图?似乎没有任何关于如何查询的文档


谢谢。

我举了一个小例子,可以帮助您。 它使用html2canvas.js和jquery.js 我还分叉了什么@mfirdaus


捕获图
html,
身体{
身高:100%;
保证金:0;
填充:0;
}
#地图{
浮动:左;
高度:640px;
宽度:640px;
}
.myButton1{
-moz盒阴影:0px 1px 0px 0px#fff6af;
-网络工具包盒阴影:0px 1px 0px 0px#fff6af;
盒影:0px 1px 0px 0px#fff6af;
背景:-webkit渐变(线性、左上、左下、颜色停止(0.05,#ffec64)、颜色停止(1,#ffab23));
背景:-moz线性梯度(顶部,#ffec64 5%,#ffab23 100%);
背景:-webkit线性梯度(顶部,#ffec64 5%,#ffab23 100%);
背景:-o-线性梯度(顶部,#ffec64 5%,#ffab23 100%);
背景:-ms线性梯度(顶部,#ffec64 5%,#ffab23 100%);
背景:线性梯度(至底部,#ffec64 5%,#ffab23 100%);
过滤器:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64',endColorstr='#ffab23',GradientType=0);
背景色:#ffec64;
-moz边界半径:6px;
-webkit边界半径:6px;
边界半径:6px;
边框:1px实心#ffaa22;
显示:内联块;
光标:指针;
颜色:#333333;
字体系列:Arial;
字体大小:15px;
字体大小:粗体;
填充:6px 24px;
文字装饰:无;
文本阴影:0px 1px 0px#ffee66;
}
.myButton1:悬停{
背景:-webkit渐变(线性、左上、左下、颜色停止(0.05,#ffab23)、颜色停止(1,#ffec64));
背景:-moz线性梯度(顶部,#ffab23 5%,#ffec64 100%);
背景:-webkit线性梯度(顶部,ffab23 5%,ffec64 100%);
背景:-o-线性梯度(顶部,ffab23 5%,ffec64 100%);
背景:-ms线性梯度(顶部,ffab23 5%,ffec64 100%);
背景:线性梯度(至底部,#ffab23 5%,#ffec64 100%);
过滤器:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23',endColorstr='#ffec64',GradientType=0);
背景色:#ffab23;
}
.myButton1:活动{
位置:相对位置;
顶部:1px;
}
生成img
切换控件
var映射;
var变换;
var-toggler=true;
函数初始化(){
var tokio=new google.maps.LatLng(35.6801453139.728792);
var agbar=newgoogle.maps.LatLng(41.4035482,2.1894355);
map=new google.maps.map(document.getElementById('map'){
中心:阿格巴,
缩放:18,
mapTypeId:google.maps.mapTypeId.SATELLITE
});
}
//分叉的https://stackoverflow.com/a/24281734/4537906
//获取变换值
$(“#btnSave”)。单击(函数(){
console.log('btnSave');
var transform=$(“.gm style>div:first>div”).css(“transform”);
var comp=transform.split(“,”;//拆分变换矩阵
var mapleft=parseFloat(comp[4]);//获取左值
var maptop=parseFloat(comp[5]);//获取最大值
$(“.gm style>div:first>div”).css({//获取映射容器。
“转换”:“无”,
“左”:mapleft,
“顶部”:地图顶部,
})
html2canvas($(“#地图”){
乌塞科尔斯:没错,
onrendered:函数(画布){
var dataUrl=canvas.toDataURL('image/png');//可以与下面的注释行一起使用
//location.href=dataUrl;//这会将图像作为url打开到浏览器中
$(“.gm style>div:first>div”).css({
左:0,,
排名:0,
“变换”:变换
})
$(“#img out”).append(画布);
}
});
});
$(“#togCtrl”)。单击(函数(){
map.setOptions({
disableDefaultUI:toggler,
禁用双击缩放:切换器,
可拖动:!切换器,
滚轮:!切换器
});
toggler=!toggler;
})

2后续问题:使用google静态街景图像api,您能否在指定街景缩放的情况下进行查询?我忘了第二个问题是什么。我建议在可能的情况下提交一个功能请求,感谢您的回答。我希望我在谷歌地图文档中遗漏了一些简单的方法。但这是一个功能性的解决办法。