本文介绍了如何在高德地图中判断一个点是否在浏览器的可视区域内。当点击企业位置mark时，确保地图保持原样；若点击列表中不在可视区的企业，则平滑移动并缩放地图。实现思路是利用高德地图的API获取可视范围的边界，将其视为多边形，并通过判断点是否在多边形内来确定点的位置。具体实现方法包括获取地图bounds、构造四边形路径并使用AMap.GeometryUtil.isPointInRing进行判断。
业务场景如下：
1.在地图上点击企业位置mark时，地图不做缩放和移动操作（能点击mark，说明该位置肯定在可视区域内）。
2.点击右侧企业列表的企业时，如果企业的位置不在当前可视区域内，就需要将地图平滑的移动到该企业位置，并且需要缩小地图，先查看到该企业位于哪个区域，再将地图放大到之前缩放的级别。
实现思路：
高德地图有几个关系判断的API：判断点是否在线上、点是否在多边形内、面与面的几何关系，可看下方链接示例
https://lbs.amap.com/api/javascript-api/example/relationship-judgment/is-point-on-segment
暂时没有看到有API能直接实现判断点是否在当前地图可视范围内&#
最低0.47元/天 解锁文章
扫一扫
8971
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
