Question

我在我的html（网页）中添加了谷歌地图，但它没有显示带有红色图标的位置（附图像）。我在这里缺少什么代码？

<!DOCTYPE html>
<html>
  <head>
    <style>
      #map {
        width: 800px;
        height: 500px;
        background-color: #CCC;
      }
    </style>
  </head>
  <body>
    <div id="map"></div>
    <script>
      function initMap() {
        var mapDiv = document.getElementById('map');
        var map = new google.maps.Map(mapDiv, {
          center: {lat: 19.1738076 , lng: 72.8650819 },
          zoom: 14
        });
      }
    </script>
    <script src="https://maps.googleapis.com/maps/api/js?callback=initMap"
        async defer></script>
  </body>
</html>

Answer 1

您没有定义位置/标记，只定义了地图的中心。要设置标记，您需要将其添加到地图中。

这是关于如何添加标记的google maps api文档：

https://developers.google.com/maps/documentation/javascript/examples/marker-simple

// Define position for your marker
var myLatLng = {lat: -25.363, lng: 131.044};

// Add marker to your map
var marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
    title: 'Text for your marker!'
  });

我应该添加什么代码以在谷歌地图中显示带有红色图标的位置？

1 个答案: