将光标添加到我网站上的Google地图中

时间:2013-10-07 22:46:59

标签: javascript google-maps cursor

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

直到我意识到我在坐标中指定的位置仅仅是地图的中心,没有实际的光标,它才能完美地工作。

我用谷歌搜索了一下,但这些建议似乎对我都没有用。我希望我只需稍微改变一下html等。

我确信有人必须成功完成这项工作,因为这看起来很简单,我已经完成的部分非常简单。

感谢。

编辑:修复了链接网址。

Edit2:好的,这是我目前的代码:

<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

1 个答案:

答案 0 :(得分: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"
});

有关添加标记的详细信息,请参阅here