如何在谷歌地图中设置矩形大小
How can i set rectangle size in google map?
我正在使用谷歌地图的坐标创建矩形。
我想把它的尺寸设置为75米(宽和高等于75)。
这是我的代码:
function initialize() {
var map = new google.maps.Map(document.getElementById('map-canvas'), {
zoom: 20,
center: new google.maps.LatLng(40.626805, -89.539396),
mapTypeId: google.maps.MapTypeId.TERRAIN
});
var rectangle = new google.maps.Rectangle({
strokeColor: 'green',
strokeOpacity: 12,
strokeWeight: 12,
fillColor: 'green',
fillOpacity: 12,
map: map,
bounds: new google.maps.LatLngBounds(
new google.maps.LatLng(40.626805, -89.539396),
new google.maps.LatLng(40.626055, -89.538507))
});
}
google.maps.event.addDomListener(window, 'load', initialize);
Fiddle示例:http://jsfiddle.net/cnuu7rtL/4/
请告诉我如何在谷歌地图中设置矩形大小?
假设你有一个想要的矩形中心(其他点也有可能,如西南、东北等):
使用几何图形库计算距给定中心的距离以创建边界。
示例功能:
function calcBounds(center, size) {
var n = google.maps.geometry.spherical.computeOffset(center, size.height/2, 0).lat(),
s = google.maps.geometry.spherical.computeOffset(center, size.height/2, 180).lat(),
e = google.maps.geometry.spherical.computeOffset(center, size.width/2, 90).lng(),
w = google.maps.geometry.spherical.computeOffset(center, size.width/2, 270).lng();
return new google.maps.LatLngBounds(new google.maps.LatLng(s,w),
new google.maps.LatLng(n,e))
}
用法:
new google.maps.Rectangle({bounds:calcBounds(new google.maps.LatLng(40.626805,
-89.539396),
new google.maps.Size(75,75)),
map:map});
演示:http://jsfiddle.net/cnuu7rtL/7/
相关文章:
- 动态设置谷歌地图缩放
- 使用谷歌地图api计算距离并将其设置在表格中<td>
- 将谷歌地图中的平移边界设置为图像覆盖
- 为位于路线上的谷歌地图标记(起点和终点)设置一个信息窗口
- 将边界设置为overlayImage谷歌地图
- 从结果集中自动设置谷歌地图缩放
- 谷歌地图标记在通过变量设置标记和经度时不保持不变
- 如何动态设置谷歌地图标记大小
- 在javascript中设置谷歌地图标记图标属性
- 用城市名称(地址?)设置谷歌地图标记位置
- 根据屏幕/设备宽度设置谷歌地图API V3缩放级别
- 如何设置谷歌地图's按ID居中
- 设置谷歌地图信息窗口的高度
- 在Javascript中使用相对路径设置谷歌地图图标
- 如何在ngMap中设置谷歌地图100%的高度
- 问题试图设置谷歌地图信息窗口的内容与
- 如何设置谷歌地图标记弹跳
- 如何动态设置谷歌地图样式
- 如何设置谷歌地图信息窗口的高度
- 如何从页面中取消设置谷歌地图