如何使标记可拖动、标记和删除？使用 Google 地图 javascript API

Question

首先，我知道 Google 有关于如何完成所有这些功能的文档，但即使我添加了准确的编码，地图也不再显示，或者根本不起作用。

我完全不熟悉开发，但我要完成的项目是权力的游戏地图，其他用户可以访问并添加标记，为标记命名（不是简单的单字符标签，更像是一个真实的名字，几个字符长），并删除他们的标记。如果其他人添加了标记，我希望能够看到它。反之亦然，我希望地图上每个人的标记都可见。

到目前为止，作为第一步，我现在要完成的是创建标记并使它们可拖动。地图显示正常，直到我将值 "draggable:true" 添加到标记选项。即使那是 google 文档的建议。

这是 google 文档：https://developers.google.com/maps/documentation/javascript/markers

这是我正在尝试让项目运行的页面：http://jamie-jabbours-fabulous-project.webflow.io/

这是我使用的确切代码：

<!DOCTYPE html>
<html>
  <head>
    <style>
       #map {
        height: 400px;
        width: 100%;
       }
    </style>
  </head>
  <body>
    <h3>My Google Maps Demo</h3>
    <div id="map"></div>
    <script>
      function initMap() {
        var uluru = {lat: -25.363, lng: 131.044};
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 4,
          center: uluru
        });
        var marker = new google.maps.Marker({
          position: uluru,
          map: map
          draggable: true
        });
      }
    </script>
    <script async defer
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB55_iwgWvg1_NjoIEqqXgeQOeDBrq8p5o&callback=initMap">
    </script>
  </body>
</html>

我确定我做错了一些非常简单的事情，但我看不到。

Answer 1

只需在 map 之后和 draggable

之前添加一个逗号..

 function initMap() {
    var uluru = {lat: -25.363, lng: 131.044};
    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 4,
      center: uluru
    });
    var marker = new google.maps.Marker({
      position: uluru,
      map: map,
      draggable: true
    });
  }

下次注意语法错误:)

如何使标记可拖动、标记和删除？使用 Google 地图 javascript API

How do I make markers draggable, labeled, and deletable? with Google maps javascript API

javascript

google-maps

markers

google-maps-api-3