谷歌地图矩形API - 添加背景图像

Question

我正在使用Google地图矩形。 As seen here

我正在查看Rectangle options api，而且没有关于添加图片的选项 - 仅限边框和背景颜色选项。我想知道是否有另一种方法可以做到这一点？我想要有边框，但只是放置背景图片而不是颜色。

感谢您的帮助

Answer 1

您可以adding a custom overlay向地图执行此操作。

您初始化地图。

var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 11,
      center: {lat: 62.323907, lng: -150.109291},
      mapTypeId: 'satellite'
    });

然后通过设置边界，您可以指示图像宽度的大小。

var bounds = new google.maps.LatLngBounds(
        new google.maps.LatLng(62.281819, -150.287132),
        new google.maps.LatLng(62.400471, -150.005608));

指明图像的来源。

var srcImage = 'your_path/your_image.png';

然后创建新的叠加层。

overlay = new USGSOverlay(bounds, srcImage, map);