javascript - 是否可以在客户端上显示没有 LatLong 的 Google map 圆圈

Question

像 Airbnb 和 RelayRides 这样的网站会向尚未预订该项目的用户显示粗略的区域 map ，因为确切的地址(或经纬度)很敏感，应该隐藏它。这基本上就是 circle半径功能谷歌地图。

但是，是否可以在没有纬度/经度到达客户端浏览器的情况下执行此操作？

 GoogleMaps.ready('exampleMap', function(map) {
    // Add a marker to the map once it's ready
    var marker = new google.maps.Marker({
      position: new google.maps.LatLng(-37.478644, 144.9631), // This is sensitive. If there is any way to hide it on the client.
      map: map.instance,
      icon: '/map-icon.png'
    });
  });

我猜测确切的位置只是在视觉上隐藏的，但纬度/经度需要提供给客户端的 map 功能，因此必须出现在客户端上。这个假设正确吗？

Answer 1

在数据库中，创建每个点时，调用一个函数来缓冲该点(即围绕该点创建一个圆)。然后，不将 latlng 发送到客户端，而是发送多边形。如果您不确定数学(测地线很难)，那么 turf.js 库非常适合此操作。缺点是任何有头脑且有太多时间的人都可以很容易地计算出中心。即使您随机化该点，我也可以重新运行计算，确定标准差，并仅通过浏览器控制台和 Excel 即可找到它。随机性在这里不是你的 friend ，因为随机性的 promise 会伤害你。

另一种选择是热线方法。基本上，您预先创建一堆多边形作为城镇的一部分(市中心、东侧、粗略南部)，然后，当您创建一个点时，运行 $within 将您的点分配给某个多边形。返回多边形，没有人更明智。

Meteor 特定点:请务必确保您的发布函数中有一个 {fields: {latLng: 0}}。