Question

我使用GMap Image Cutter准备自定义地图。它有效。

然而，当我尝试在地图上添加标记时：

//Add marker
var marker = new google.maps.Marker({
  map:map,
  position: new google.maps.LatLng(0,0),
  title: "My Marker"
});

无限数量的标记位于x = 0轴上。两个标记之间的距离是地图的宽度。

我玩了一整天，但仍无法得到解决方案。

如何只添加一个标记？

Answer 1

下面是一个入门示例。根据需要调整纬度和经度。

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

GMap图像切割机。为什么用无限数字添加标记到地图？

1 个答案: