Google Maps API中的插图

时间:2015-01-14 16:42:56

标签: google-maps-api-3

我无法在Maps API文档中找到此答案,但可以使用Google Maps API制作“插图”地图吗?

似乎可以使用Maps Embed API(请参见左下角),但您无法使用此API自定义地图。

1 个答案:

答案 0 :(得分:6)

我最终制作了自己的作品。我不知道为什么这个问题被低估了。无论如何,请在这里查看我的JSFiddle:http://jsfiddle.net/wLuhktu4/1/

function initialize() {
    var mapOptions = {
        zoom: 17,
        center: {
            lat: -33.8666,
            lng: 151.1958
        },
        disableDefaultUI: true
    };
    var overviewMapOptions = {
        zoom: 17,
        mapTypeId: google.maps.MapTypeId.SATELLITE,
        center: {
            lat: -33.8666,
            lng: 151.1958
        },
        disableDefaultUI: true
    }
    var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
    var overviewMap = new google.maps.Map(document.getElementById('overview-map'), overviewMapOptions);

    google.maps.event.addListener(map, 'bounds_changed', (function () {
        overviewMap.setCenter(map.getCenter());
        overviewMap.setZoom(map.getZoom());
    }));
}

google.maps.event.addDomListener(window, 'load', initialize);

问题(虽然很小)是因为这不是官方支持,水印和使用条款在这个插图中占用了大量空间。

我希望将来可以帮助某人。