google 基于用户标记的标记

Question

我正在尝试建立一个网站，让用户能够提交 post 并且 post 我希望用户通过地图上的标记或搜索地址添加位置，并且在 post 表单页面
我想在 post 页面
中添加另一张带有用户标记的地图例如这个 airbnb website

你觉得这可能吗？我已经建立了我的网站并使用了 wordpress 和多个插件但是对于 post 我使用了 wpforms

Answer 1

这个建议并不完全针对 WordPress。但是，如果这适用于您的实施，您可以使用 Maps JavaScript API

在地图上添加标记

因此，在您的表单中，您可以包含一个 Place Autocomplete 以在您的表单页面中搜索地址。然后使用 getPlace() 函数获取地点的详细信息，包括所选地址的坐标以绘制到您的地图上，看起来像这样：

var autocomplete = new google.maps.places.Autocomplete(input);
var marker;

autocomplete.addListener('place_changed', function() {

          var place = autocomplete.getPlace();
          if (!place.geometry) {
            // User entered the name of a Place that was not suggested and
            // pressed the Enter key, or the Place Details request failed.
            window.alert("No details available for input: '" + place.name + "'");
            return;
          }

          marker.setPosition(place.geometry.location);
          marker.setVisible(true);
      });

这是您可以遵循的完整示例：https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete

您可以查看此 link 了解更多信息：https://developers.google.com/maps/documentation/javascript/places-autocomplete

google 基于用户标记的标记

google marker based on users marker

wordpress

maps

google-maps-markers

marker

web-site-project