如何使用谷歌地图标记一个地方

时间:2014-07-25 14:45:53

标签: javascript html css

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

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>

问题在于,我无法像谷歌地图一样标记指示的地点,以便向用户指定所指示的位置。请问有什么好主意吗?

1 个答案:

答案 0 :(得分:0)

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

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