Question

这是我的整个代码（只是一个测试页面）。它显示地图但不显示标记。如何让它显示标记？

<!DOCTYPE html>
<html>
  <head>
    <style>
      #map_canvas {
        width: 500px;
        height: 400px;
      }
    </style>
    <script src="https://maps.googleapis.com/maps/api/js"></script>
    <script>
      function initialize() {
        var map_canvas = document.getElementById('map_canvas');
        var map_options = {
          center: new google.maps.LatLng(44.5403, -78.5463),
          zoom: 8,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        var map = new google.maps.Map(map_canvas, map_options)

        var marker = new google.maps.Marker({
            position: latLng,
            map: map
          });
      }
      google.maps.event.addDomListener(window, 'load', initialize);
    </script>
  </head>
  <body>
    <div id="map_canvas"></div>
  </body>
</html>

Answer 1

您的代码存在的问题是您没有定义任何变量latLng，而是在标记中使用它。显然你的代码不起作用。首先定义latLng，然后使用。

定义如下：

var latLng = new google.maps.LatLng(44.5403, -78.5463);//Your marker coordinates.

然后在您的代码中使用它，如：

var marker = new google.maps.Marker({
    position: latLng,
    map: map
});

演示：http://jsfiddle.net/lotusgodkk/x8dSP/3520/

如何将标记添加到网页中的googlemaps

1 个答案: