javascript - 如何使用谷歌地图标记地点

Question

我正在尝试设置一个联系人页面，在其中显示谷歌地图以指示会面地点。我目前正在使用这些代码:

js

(function(){
    document.getElementById('map_canvas').style.display="block";
    var myOptions = {
        zoom: 14,
        center: new google.maps.LatLng(0.0, 0.0)
    }
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
})();

html

<script type="application/javascript" src="/js/google-map.js">
<div id="map_canvas" style="width:80%; height: 400px; margin:auto;"></div>

问题是我无法像在谷歌地图中那样标记指示的地点，以向用户精确指示指示的地点。请问有什么好主意吗？

Answer 1

首先需要定义标记的经纬度

var myLatlng = new google.maps.LatLng(-25.363882,131.044922);

然后你需要添加一个标记:

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

看看 https://developers.google.com/maps/documentation/javascript/examples/marker-simple?hl=es