Jquery 如何从坐标集设置地图中心属性
如何从以下坐标集动态计算地图中心坐标。这些坐标来自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) ];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
函数初始化(){
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);