从地图上绘制的正方形获取 lon lat 或可视化地图上的圆圈

Question

有谁知道是否可以在（谷歌）地图上绘制一个正方形，并让这个正方形的左上角和右下角用它们各自的经度和纬度预先填充地图外的 4 个表单域

替代方案：

如果上述方法不可行，是否可以让用户点击地图并远离该坐标创建一个半径增加的圆？

在这两个选项中，正方形或圆形都需要在屏幕上显示（地图叠加？）。

为用户寻找一种简单而干净的解决方案，以便用户在地图上选择一个区域，以便可以根据经纬度数据探测数据库。

Answer 1

Google Maps JavaScript API V3 允许地图对象通过实现 MVC 对象来存储状态并自动更新其表示。

其中两个可能会让您对您的项目感兴趣。

这些是Rectangle overlay 和Circle overlay

这两个 SAMPLES Rectangle 和 Circle 使用这些覆盖层，您可以将它们用作项目的基础。

然后可以使用下面的坐标搜索数据库。（使用 AJAX）

var latLngBounds = new google.maps.LatLngBounds(
      marker1.getPosition(),
      marker2.getPosition()
    );

SQL 查询应如下所示

SELECT * FROM table WHERE lat BETWEEN lat1 AND lat2  AND lng BETWEEN  lon1 AND lon2

您还应该考虑将PDO 与准备好的语句一起使用。

Answer 2

我有这个旧的演示，它可以做你想做的，但它是用 V2 API 制作的。您必须将其转换为 V3：

http://maps.forum.nu/gm_drag_polygon.html