Google Maps API底图能否用作自定义地图图层上方的覆盖？

Question

是否可以使用Google Maps API基础地图数据作为位于自定义地图层上方的覆盖层？

我想创建一个使用谷歌的基础水和土地/地形作为底层的地图，然后在上面放置一个自定义数据层（红色多边形区域代表我的数据），最后将谷歌地图的街道/边界/城市标签放置在所有内容的顶部。

这可能吗？我尝试将Google Maps层（仅启用街道/边界/城市）推到OverlyMapTypes数组上，但它似乎将所有Google Maps层置于所有层之上，并且我的自定义层数据（第二层）不再可见。

Answer 1

这是一个以自定义平铺层为中间层的示例：

<script type="text/javascript">
function initMap() {
    // Map with everything off but boundaries
    var myOptions = {
        zoom: 2,
        center: new google.maps.LatLng(0, 0),
        styles: [
            {
                featureType: 'poi',
                stylers: [
                    { visibility: 'off' }
                ]
            },
            {
                featureType: 'road',
                stylers: [
                    { visibility: 'off' }
                ]
            },
            {
                featureType: 'transit',
                stylers: [
                    { visibility: 'off' }
                ]
            },
            {
                featureType: 'landscape',
                stylers: [
                    { visibility: 'off' }
                ]
            },
            {
                elementType: 'labels',
                stylers: [
                    { visibility: 'off' }
                ]
            }
        ]
    };

    var map = new google.maps.Map(document.getElementById("map"), myOptions);

    // Middle layer
    var tileLayer = new google.maps.ImageMapType({
        getTileUrl: "tiles URL here",
        tileSize: new google.maps.Size(256, 256),
        isPng: true
    });

    map.overlayMapTypes.push(tileLayer);

    // Top layer with everything off but roads
    var roadsLayer = [
        {
            featureType: 'all',
            stylers: [
                { visibility: 'off' }
            ]
        },
        {
            featureType: 'road',
            stylers: [
                { visibility: 'on' }
            ]
        }
    ];

    var roadsType = new google.maps.StyledMapType(roadsLayer, { name: 'roads' });
    map.overlayMapTypes.push(roadsType);
}