如何插入标记以指出Google地图中的特定位置?

时间:2015-05-29 01:49:46

标签: javascript html google-maps

<head>

    <script src="http://maps.googleapis.com/maps/api/js"></script>
    <script>
        function initialize() {
            var mapProp = {
                center:new google.maps.LatLng(51.508742,-0.120850),
                zoom:5,
                mapTypeId:google.maps.MapTypeId.ROADMAP
            };
            var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
        }

        google.maps.event.addDomListener(window, 'load', initialize);
    </script>
</head>

<body>  

    <div id="googleMap" style="width:500px;height:380px;"></div>

</body>

我使用上面的代码在我的网站上插入Google地图。它显示的地方,但我想插入指针或标记在特定的地址。关于如何插入它,我可以获得一些帮助吗?

1 个答案:

答案 0 :(得分:1)

使用带有纬度/经度,地图和标题的google.maps.Marker构造函数。

var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
  var mapOptions = {
    zoom: 4,
    center: myLatlng
  }
  var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

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

https://developers.google.com/maps/documentation/javascript/markers