GMap 图像切割器。为什么要在无限数字的地图上添加标记？

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 axis.The 两个标记之间的距离是地图的宽度。

我折腾了一天还是没找到答案

如何只添加一个标记？

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 图像切割器。为什么要在无限数字的地图上添加标记？

GMap Image Cutter. Why Add Marker to Map with Infinite Number?

google-maps

marker