Question

我尝试了以下代码：

＆＃13;

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

＆＃13;

Answer 1

您需要在地图中添加标记，以下是在javascript中添加标记的文档：https://developers.google.com/maps/documentation/javascript/markers#add

它的工作原理如下：

function initMap() {
  var myLatLng = {lat: -25.363, lng: 131.044}; //MARKER POSITION

  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 4,
    center: myLatLng
  });

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

我想在我的网站上显示地图，我希望它根据给定的经度和纬度有特定地点的标牌

1 个答案: