Google Maps API中的嵌入地图

我无法在Maps API文档中找到此答案，但是否可以使用Google地图API制作“插图”地图？Google Maps API中的嵌入地图

它似乎可以用Maps Embed API（请参阅左下角）进行操作，但您无法使用此API自定义地图。

2015-01-14 mapr

您是否在寻找[Overview Map Control]（http://code.google.com/p/gmaps-api-v3-overviewmapcontrol/）？ [原生Google Maps JavaScript API v3概述地图控制]（https://developers.google.com/maps/documentation/javascript/reference#OverviewMapControlOptions） – geocodezip

@geocodezip是的，有点。我喜欢它在地图嵌入API中显示的方式（左下角）。移动底图时，您还可以看到嵌入地图（左下角）移动，它显示卫星图像。我一直在研究这一点，并注意到如果我在Maps API网址中拥有'signed_in = true'，我可以获得类似于Embed API的UI。根据你是否使用'signed_in = true'，他们有2个不同的UI是奇怪的。 – mapr

@geocodezip我想通了。请参阅下面的答案。 – mapr

我最终做出了自己的。我不知道为什么这个问题被低估了。总之，这里看看我的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);

的问题（虽然未成年人）是因为这不是正式支持，水印和使用方面占用了大量的空间，该插页地图上。

我希望这可以帮助未来的人。

来源

2015-01-14 21:43:00 mapr

Google Maps API中的嵌入地图

回答

相关问题