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中的嵌入地圖

回答

相關問題