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