在我的网站上将光标添加到谷歌地图

Question

我想在我的网站上添加一张地图。我在下面找到了这个简单的教程。https://developers.google.com/maps/tutorials/fundamentals/adding-a-google-map

它工作得很好，直到我意识到我在坐标中指定的位置只是使地图居中，没有实际的光标。

我

用谷歌搜索了一下，但似乎没有一个建议对我有用。我希望我只需要稍微更改一下 html 等。

我相信一定有人成功地完成了这件事，因为这似乎是一件简单的事情，而且我已经完成的部分很容易。

谢谢。

编辑：已修复链接网址。

编辑2：好的，这是我目前的代码：

<script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script>
  function initialize() {
    var map_canvas = document.getElementById('map_canvas');
    var map_options = {
      center: new google.maps.LatLng(50.837004,-0.13244),
      zoom: 15,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map = new google.maps.Map(map_canvas, map_options)
    var marker = new google.maps.Marker({
      position: new google.maps.LatLng(50.837004,-0.13244),
      map: myMap,
      title: "BLAHBLAH PLACE"
    });
  }
  google.maps.event.addDomListener(window, 'load', initialize);
</script>

在正文部分，我有：

<div id="map_canvas"></div>

谢谢。 ：S

Answer 1

如果我理解正确，您有兴趣在地图上添加标记(或图钉(吗？您可以像这样向地图添加标记：

var myMap = new google.maps.Map(map_canvas, map_options);
var marker = new google.maps.Marker({
  position: new google.maps.LatLng(44.5403, -78.5463),
  map: myMap,
  title: "My pin title"
});

有关添加标记的详细信息，请参阅此处。