Google地图官方API-在地图上绘图（地面覆盖物）

地面覆盖
介绍
叠加层是地图上与纬度/经度坐标绑定的对象，因此在您拖动或缩放地图时它们会移动。如果要在地图上放置图像，则可以使用 GroundOverlay对象。

有关其他类型的叠加层的信息，请参见 在地图上绘制。

添加地面覆盖
a的构造函数 指定图片的URL和图片的URL 作为参数。图像将呈现在地图上，并限制在给定的范围内，并使用地图的投影进行整合。 GroundOverlayLatLngBounds

// This example uses a GroundOverlay to place an image on the map
// showing an antique map of Newark, NJ.

var historicalOverlay;

function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {

zoom: 13,
center: {lat: 40.740, lng: -74.18}

});

var imageBounds = {

north: 40.773941,
south: 40.712216,
east: -74.12544,
west: -74.22655

};

historicalOverlay = new google.maps.GroundOverlay(

  'https://www.lib.utexas.edu/maps/historical/newark_nj_1922.jpg',
  imageBounds);

historicalOverlay.setMap(map);
}

查看示例。

去除地面覆盖物
要从地图上删除叠加层，请setMap()通过调用叠加层的 方法null。请注意，调用此方法不会删除覆盖。它只是从地图上删除叠加层。相反，如果您希望删除叠加层，则应将其从地图上删除，然后将叠加层本身设置为null。

function removeOverlay() {
historicalOverlay.setMap(null);
}

查看示例。