添加基本​​标记到谷歌地图api v3

Question

我正在尝试为自定义的Google地图API v3添加标记。地图显示正常但我似乎无法添加标记。这似乎是一件基本的事情，但我一直陷入困境。我已尝试按照https://developers.google.com/maps/documentation/javascript/overlays#AddingOverlays

上的说明操作

但是，我对javascript和API的了解非常有限，所以我觉得必须遗漏一些基本的东西。基本的说法，Google指令可能不会涵盖它。缺少冒号，支架。也许变量序列错误？任何输入非常感谢！这是下面的代码：

<script type="text/javascript">
function initialize() {

    var myLatlng = new google.maps.LatLng(51.60505, -0.18989);

    var mapOptions = {
        center: myLatlng,
        zoom: 18,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      };

    var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);

    //the code for the marker, as copy pasted from google
    var marker = new google.maps.Marker({
        position: myLatlng,
        title:"Hello World!"
    });

    var styles = [
      {featureType: "landscape",
        stylers: [
          { color: "#378fb5" }
        ]
      },{
       ETC
       ETC
       ETC
        }
   ];

    map.setOptions({styles: styles});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>

Answer 1

您需要致电

marker.setMap(map)

创建之后，即

<script type="text/javascript">
function initialize() {

var myLatlng = new google.maps.LatLng(51.60505, -0.18989);

var mapOptions = {
    center: myLatlng,
    zoom: 18,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };

var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);

//the code for the marker, as copy pasted from google
var marker = new google.maps.Marker({
    position: myLatlng,
    title:"Hello World!"
});

// Add the marker to the map
marker.setMap(map);

var styles = [
  {featureType: "landscape",
    stylers: [
      { color: "#378fb5" }
    ]
  },{
   ETC
   ETC
   ETC
    }
];

map.setOptions({styles: styles});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>

Answer 2

您必须精确制作要用于标记的地图，如下所示：

var marker = new google.maps.Marker({
    map: map,
    position: myLatlng,
    title:"Hello World!"
});

度过美好的一天！

Answer 3

如果要将标记拖放到所需位置，请设置draggable = true。

var marker = new google.maps.Marker（{             地图：地图，             可拖动：真         }）;