Google 地图 API 中的插图
Inset Map in Google Maps API
我无法在地图 API 文档中找到这个答案,但是是否可以使用 Google 地图 API?
似乎可以使用 Maps Embed API(见左下角),但您不能使用此 API.
自定义地图
最后我自己做了。我不知道为什么这个问题被否决了。无论如何,在这里查看我的 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);
问题(虽然很小)是因为官方不支持,水印和使用条款在这张插图上占据了很多space。
我希望这对以后的人有所帮助。
我无法在地图 API 文档中找到这个答案,但是是否可以使用 Google 地图 API?
似乎可以使用 Maps Embed API(见左下角),但您不能使用此 API.
自定义地图最后我自己做了。我不知道为什么这个问题被否决了。无论如何,在这里查看我的 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);
问题(虽然很小)是因为官方不支持,水印和使用条款在这张插图上占据了很多space。
我希望这对以后的人有所帮助。