Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.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
Jquery 如何从坐标集设置地图中心属性_Jquery_Google Maps Api 3_Geocoding - Fatal编程技术网

Jquery 如何从坐标集设置地图中心属性

Jquery 如何从坐标集设置地图中心属性,jquery,google-maps-api-3,geocoding,Jquery,Google Maps Api 3,Geocoding,如何从以下坐标集动态计算地图中心坐标。这些坐标来自xml文件。基于XML坐标,我想设置中心坐标。var triangleCoords=[ 新的google.maps.LatLng(51.049042161127545,-3.1417465209960938), 新的google.maps.LatLng(51.00477555656173,-3.1235504150390625), 新的google.maps.LatLng(51.01428024457833,-3.0490493774414062

如何从以下坐标集动态计算地图中心坐标。这些坐标来自xml文件。基于XML坐标,我想设置中心坐标。var triangleCoords=[ 新的google.maps.LatLng(51.049042161127545,-3.1417465209960938), 新的google.maps.LatLng(51.00477555656173,-3.1235504150390625), 新的google.maps.LatLng(51.01428024457833,-3.0490493774414062), 新google.maps.LatLng(51.047962990786715,-3.0806350708007812) ];


函数初始化(){
var mylatng=new google.maps.LatLng(51.017303,-3.096289);
变量映射选项={
缩放:12,
中心:myLatLng,
mapTypeId:google.maps.mapTypeId.TERRAIN
};
百慕大角变异;
var map=new google.maps.map(document.getElementById('map-canvas'),
地图选项);
var triangleCoords=[
新的google.maps.LatLng(51.049042161127545,-3.1417465209960938),
新的google.maps.LatLng(51.00477555656173,-3.1235504150390625),
新的google.maps.LatLng(51.01428024457833,-3.0490493774414062),
新google.maps.LatLng(51.047962990786715,-3.0806350708007812)
];
//构造多边形
bermudaTriangle=新建google.maps.Polygon({
路径:三角形门,
strokeColor:“#FF0000”,
笔划不透明度:0.8,
冲程重量:2,
填充颜色:'#FF0000',
不透明度:0.35
});
百慕大陆角。设定图(map);
///在上面绘制的多边形坐标内显示标记的步骤
var pos=new google.maps.LatLng(51.01428024457833,-3.0490493774414062);
var marker=new google.maps.marker({
职位:pos,,
地图:地图,
标题:姓名
});
var info=“这是以下坐标的标记:
纬度:“+纬度+”
经度:“+经度; google.maps.event.addListener(标记,'click',函数(){ var infowindow=new google.maps.infowindow({ 内容:信息 }); 信息窗口。打开(地图、标记); }); } google.maps.event.addDomListener(窗口“加载”,初始化); 你能帮我解决这个问题吗。
您必须添加一个名为
map.setBounds的方法
首先声明一个新的
LatLngBounds
,然后将所有latlngs添加到其中

像这样:

var bounds = new google.maps.LatLngBounds();
for (var i = 0; i < triangleCoords.length; i++) {
    bounds.extend(triangleCoords[i]);
}
map.fitBounds(bounds);
var-bounds=new google.maps.LatLngBounds();
对于(变量i=0;i

有关

的更多信息,好的,谢谢。我们如何通过放入for循环来创建如下数组。var triangleCoords=[新google.maps.LatLng(51.049042161127545,-3.1417465209960938),新google.maps.LatLng(51.00477555656173,-3.1235504150390625),新google.maps.LatLng(51.01428024457833,-3.0490493774414062),新google.maps.LatLng(51.0479629907815,-3.0806350708007812)];我们如何通过从数据库中获取坐标来动态创建上述traingleCoords的数组?请
var bounds = new google.maps.LatLngBounds();
for (var i = 0; i < triangleCoords.length; i++) {
    bounds.extend(triangleCoords[i]);
}
map.fitBounds(bounds);