作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我使用 react-google-maps 库,当我通过函数 getBounds 获取边界时。我得到了看起来像这样的对象
_.Kc {f: Jc, b: Fc}
b:Fc {b: -69.44550556640627, f: -69.37409443359377}
f:Jc {b: 5.843139027557267, f: 5.958055017316458}
__proto__:Object
我需要左下边界 (lat, lng) 和右上边界 (lat, lng)。你能告诉我数字 b 和 f 是多少吗?哪个是左下边界lat,左下边界lng,右上边界lat,右上边界lng。我找不到任何文档
最佳答案
Map.getBounds
method返回 LatLngBounds
value哪个
represents a rectangle in geographical coordinates, including one that crosses the 180 degrees longitudinal meridian
使用
getNorthEast
method获取此边界的东北角(右上边界纬度和经度)
getSouthWest
method得到这个边界的西南角(左下边界纬度和经度)
例子:
onMapIdle={() => {
let ne = this.map.getBounds().getNorthEast();
let sw = this.map.getBounds().getSouthWest();
console.log(ne.lat() + ";" + ne.lng());
console.log(sw.lat() + ";" + sw.lng());
}}
这是一个demo供大家引用
关于reactjs - react 谷歌地图getBounds,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52211102/
leaflet:一个开源并且对移动端友好的交互式地图 JavaScript 库 中文文档: https://leafletjs.cn/reference.html 官网(英文): ht
我是一名优秀的程序员,十分优秀!