Google maps api 3 谷歌地图API中的插入地图

Google maps api 3 谷歌地图API中的插入地图,google-maps-api-3,Google Maps Api 3,我在MapsAPI文档中找不到这个答案,但是是否可以使用GoogleMapsAPI创建一个“插入”地图 似乎可以使用(请参见左下角),但您无法使用此API自定义地图。我最终制作了自己的地图。我不知道为什么这个问题被否决了。无论如何,请在这里查看我的JSFIDLE: 问题(虽然很小)是,因为这不是官方支持的,水印和使用条款在这张插图地图上占据了很大的空间 我希望这对将来的人有所帮助。你在找工作吗@是的,有点像。我喜欢它在地图嵌入API(左下角)中的显示方式。移动基础地图时,还可以看到插入地图(左下

我在MapsAPI文档中找不到这个答案,但是是否可以使用GoogleMapsAPI创建一个“插入”地图


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

我最终制作了自己的地图。我不知道为什么这个问题被否决了。无论如何,请在这里查看我的JSFIDLE:

问题(虽然很小)是,因为这不是官方支持的,水印和使用条款在这张插图地图上占据了很大的空间


我希望这对将来的人有所帮助。

你在找工作吗@是的,有点像。我喜欢它在地图嵌入API(左下角)中的显示方式。移动基础地图时,还可以看到插入地图(左下角)的移动,其中显示卫星图像。我一直在研究这个问题,并注意到如果我在我的Maps API url中有
signed_in=true
,我可以得到一个类似于Embed API的UI。奇怪的是,根据您是否使用
signed\u in=true
他们有两个不同的UI。@geocodezip我找到了答案。见下面我的答案。
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);