Google App Maker实现可拖拽Marker并保存新坐标的问题

嘿，我刚好之前在Google App Maker里处理过类似的Marker拖拽保存问题，一眼就看出你代码里的问题啦！你现在用widget.latitude()和widget.longitude()来获取坐标，但这两个方法返回的是地图组件中心的坐标，而不是你拖拽后Marker的实际位置——这就是为什么保存的总是地图中心坐标的原因。

正确的实现步骤 #

你需要监听Marker的dragend事件，在拖拽结束时直接从Marker实例里提取它的位置，再赋值给你的record字段：

// 获取Marker实例并设置可拖拽
var marker = widget.getAddressMarkerJs();
marker.setDraggable(true);

// 绑定拖拽结束事件，获取Marker的新坐标
google.maps.event.addListener(marker, 'dragend', function() {
  // 获取Marker当前的位置对象
  var markerPosition = this.getPosition();
  
  // 将经纬度赋值给record对应的字段
  record.latitude = markerPosition.lat();
  record.longitude = markerPosition.lng();
  
  // 可选：如果需要立即保存到数据源，调用save方法
  record.save(function(success) {
    if (success) {
      console.log('Marker坐标已成功保存！');
    } else {
      console.error('保存坐标失败，请检查字段权限或数据源配置');
    }
  });
});

关键知识点解释 #

• widget.latitude() / widget.longitude()：这两个是地图组件的属性，仅返回当前地图视图中心的经纬度，和Marker的位置无关。
• marker.getPosition()：返回Marker当前所在的google.maps.LatLng对象，通过lat()和lng()方法可以分别提取纬度和经度的数值。
• dragend事件：这个事件会在用户结束拖拽Marker时触发，确保我们获取的是拖拽完成后的最终位置，避免中途获取到未稳定的坐标。

额外注意事项 #

• 确保你的record是已经正确加载的实体对象，避免出现undefined的情况。
• 如果你的数据源字段有格式限制（比如必须是数值类型），要确保lat()和lng()返回的数值符合要求。
• 如果需要在拖拽过程中实时更新坐标（而不是只在结束时），可以监听drag事件，但通常保存只需要在dragend时处理即可。

内容的提问来源于stack exchange，提问作者Rodimell Vasquez