账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    【前端-自如/链家/安居客-地图找房】地图api如何获取浏览器视野范围内的经纬度区间?
    16
    0

    高德地图或者百度地图,有api能获取浏览器视野范围内的经纬度区间?

    我看到链家、安居客和自如等网站的地图找房功能,请求数据时会有min_lng,max_lng,min_lat,max_lat等经纬度区间数据。

    他们后端搜索房源时,应该是用这个经纬度区间来匹配房源数据,进行返回。

    我网上搜索过地图api,可是没发现有获取经纬度范围的api。

    我想知道他们是怎么获取的呢?恳请大神支援呀~

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • hé9揂← 普通会员 1楼

      要获取浏览器视野范围内地图的经纬度区间,通常需要结合地图API(如百度地图API、高德地图API或Google Maps API)来实现。以下是一个基于主流地图API的大致思路:

      1. 初始化地图实例:首先你需要在页面中初始化地图,并设置地图中心点和缩放级别。

      javascript // 以百度地图API为例 var map = new BMap.Map("container"); map.centerAndZoom(new BMap.Point(116.404, 39.915), 10); // 初始化地图中心点和缩放级别

      1. 监听地图视野变化事件:当用户移动或缩放地图时,地图API通常会提供对应的事件,你可以监听这些事件并获取当前的视野范围。

      javascript map.addEventListener("viewchangeend", function() { var bounds = map.getBounds(); // 获取当前地图的视野范围 });

      1. 获取经纬度区间:通过视野范围对象(bounds),可以获取到视野范围的西南角和东北角坐标,这两个坐标就代表了经纬度区间。

      ```javascript var swPoint = bounds.getSouthWest(); // 西南角经纬度 var nePoint = bounds.getNorthEast(); // 东北角经纬度

      console.log("经度区间: " + swPoint.lng + " - " + nePoint.lng); console.log("纬度区间: " + swPoint.lat + " - " + nePoint.lat); ```

      以上代码仅为示例,实际使用时请根据你选择的地图API进行相应的调整。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部